CSS controls the position and text direction of the scroll bar, uses direction to change the text direction, and uses the scroll attribute of overflow to control the position of the scroll bar. Interestingly, you can display the scroll bar on the left of a area, it is usually used.
Copy to ClipboardReference: [www.bkjia.com] <! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN"
Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = gbk"/>
<Title> scroll bar instance-fire college </title>
<Style>
. P1
{
Direction: ltr;
}
. P2
{
Direction: rtl;
}
P
{
Overflow: scroll;
Font-size: 36px;
Width: 400px;
Height: 100px;
Border: 2px solid #000000;
}
</Style>
</Head>
<Body>
<P class = "p1"> use the text direction attribute to display the scroll bar at the same time. Liehuo. Net </p>
<P class = "p2"> use the text orientation attribute to display the scroll bar at the same time. Liehuo. Net </p>
</Body>
</Html>
