CSS2 rozeznává několik stylů pro ohraničení: solid, double, dotted, dashed, groove, ridge, inset, outset. (1) a (2). Jejich barva může být nastavena pomocí vlastnosti "border-color" (3).
| XML dokument | CSS styl | Odkaz na příklad |
|---|---|---|
|
(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} | Zobraz výstupy |
| XML dokument | CSS styl | Odkaz na příklad |
|
(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} | Zobraz výstupy |
| XML dokument | CSS styl | Odkaz na příklad |
|
(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} | Zobraz výstupy |