How to style scrollbar thumb for the webkit browsers? What are the com

1.	How to style scrollbar thumb for the webkit browsers? What are the components of scrollbar?
Answer» The reflow can be imagined via water. As water fit itself according to the container it is poured into. It becomes the cup when poured in cup, if poured in a glass it BECOME glass. Similarly the CONTENT displayed on VARIOUS devices need to fit and reflow the content based on the device size. For example, by using media queries the page can be authored to reflow the content based on the device dimensions. The reflow of content is ALSO KNOWN as responsive web design (RWD). Reflow computes the layout of page. And it recomputes the position and dimension of the element.

How to style scrollbar thumb for the webkit browsers? What are the components of scrollbar?

Answer»

The reflow can be imagined via water. As water fit itself according to the container it is poured into. It becomes the cup when poured in cup, if poured in a glass it BECOME glass.

Similarly the CONTENT displayed on VARIOUS devices need to fit and reflow the content based on the device size. For example, by using media queries the page can be authored to reflow the content based on the device dimensions. The reflow of content is ALSO KNOWN as responsive web design (RWD).

Reflow computes the layout of page. And it recomputes the position and dimension of the element.

Discussion

No Comment Found

Related InterviewSolutions

Explain the rule set in CSS?
What is specificity?
Explain Gradients in CSS?
Mention types of selectors?
What are pseudo-elements? Explain with an example.
What are CSS combinators?
<div id="outer"> <div id="inner"></div> </div>
Write the style to display inner div in center for the below HTML code?
How to draw a triangle using CSS?
body { margin: 0; font-family: Arial; background-color: #f2f2f2; } .box { color: #fff; padding: 1em; text-align: center; background-color: #efefef; } .a { background-color: purple; } .b { background-color: violet; } .c { background-color: burlywood; } .d { background-color: gainsboro; } .layout { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 100vh; }