| >> English << |česky |Português | ZVON>Tutorials>CSS2 tutorial |
| Intro /Search / ZVON |
| >> 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 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 |