>> 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 |