English | česky | >> Português <<ZVON > Tutorials > CSS2 tutorial
>> Exemplo 15 << | Anterior | Próximo | Index | Conteúdos

As propriedades "margin", "border", e "padding" podem ser divididas nos segmentos "left" (esquerdo), "right" (direito), "top" (topo) e "bottom" (fundo). Em (1) usa-se bordas diferentes, em (2) valores de enchimento ("padding").

Documento XMLfolha de estilos CSSExemplo de ligação
(1)
     <AAA>
          <BBB>bbb</BBB>
          <CCC>ccc</CCC>
          <DDD>ddd</DDD>
     </AAA>

BBB {border-style:solid; border-top-width:thick; border-left-width:thick;
border-right-width:thin; border-bottom-width:medium;}
CCC {border-style:solid; border-top-color:red; border-left-color:blue;
border-right-color:green; border-bottom-color:black;}
DDD {border-width: thick; border-top-style:dotted; border-left-style:double;
border-right-style:groove; border-bottom-style:inset;}
Ver resultado
Documento XMLfolha de estilos CSSExemplo de ligação
(2)
     <AAA>
          <BBB>bbb</BBB>
          <CCC>ccc</CCC>
          <DDD>ddd</DDD>
     </AAA>

BBB, CCC, DDD {border-style:solid; padding-top:5px; padding-left:10px;
padding-right:30px; padding-bottom:5px;}
Ver resultado