English | >> česky << | PortuguêsZVON > Tutorials > CSS2 tutorial
>> Příklad 13 << | Předešlý | Následující | Index | Obsah

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