English | česky | >> Português <<ZVON > Tutorials > CSS2 tutorial
Introdução / Procura / ZVON
>> Exemplo 13 << | Anterior | Próximo | Index | Conteúdos

As CSS2 reconhecem vários estilos de bordas: sólidas ("solid"), duplas ("double"), ponteada ("dotted"), tracejada ("dashed"), ou estilos 3D: "groove", "ridgr", "inset", "outset". (1) e (2). A sua cor pode ser alterada usando a propriedade "border-color" (3).

Documento XMLfolha de estilos CSSExemplo de ligação
(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}
Ver resultado
Documento XMLfolha de estilos CSSExemplo de ligação
(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}
Ver resultado
Documento XMLfolha de estilos CSSExemplo de ligação
(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}
Ver resultado