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 Source | CSS stylesheet | Example 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 Source | CSS stylesheet | Example 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 Source | CSS stylesheet | Example 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 |