>> English << | česky | PortuguêsZVON > Tutorials > CSS2 tutorial
>> Example 13 << | Prev | Next | Index | Contents

CSS2 recognises several border styles: solid, double, dotted, dashed, groove, ridgr, inset, outset. (1) and (2). Their color can be changed with border-color property (3).

XML SourceCSS stylesheetExample link
(1)
     <AAA>
          <BBB>bbb</BBB>
          <CCC>ccc</CCC>
          <DDD>ddd</DDD>
          <EEE>eee</EEE>
     </AAA>

BBB {border-style: solid}
CCC {border-style: double}
DDD {border-style: dotted}
EEE {border-style: dashed}
* {border-width:thick}
View output
XML SourceCSS stylesheetExample link
(2)
     <AAA>
          <BBB>bbb</BBB>
          <CCC>ccc</CCC>
          <DDD>ddd</DDD>
          <EEE>eee</EEE>
     </AAA>

BBB {border-style: groove}
CCC {border-style: ridge}
DDD {border-style: inset}
EEE {border-style: outset}
* {border-width:thick}
View output
XML SourceCSS stylesheetExample link
(3)
     <AAA>
          <BBB>bbb</BBB>
          <CCC>ccc</CCC>
          <DDD>ddd</DDD>
          <EEE>eee</EEE>
     </AAA>

BBB {border-color:red; border-style: groove}
CCC {border-color:navy; border-style: ridge}
DDD {border-color:green; border-style: inset}
EEE {border-color:purple; border-style: outset}
* {border-width:thick}
View output