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

Existem dois modelos distintos para colocar bordas nas células de uma tabela. Para os seleccionar usa-se a propriedade "border-collapse". O valor "separate" selecciona o modelo de bordas separadas. O valor "collapse" selecciona o modelo com bordas coladas (colapsadas).

Documento XMLfolha de estilos CSSExemplo de ligação
(1)
     <AAA>
          <BBB>
               <CCC>ccc</CCC>
               <DDD>ddd</DDD>
               <EEE>eee</EEE>
          </BBB>
          <BBB>
               <CCC>ccc</CCC>
               <DDD>ddd</DDD>
               <EEE>eee</EEE>
          </BBB>
          <BBB>
               <CCC>ccc</CCC>
               <DDD>ddd</DDD>
               <EEE>eee</EEE>
          </BBB>
     </AAA>
* {padding:1ex; border:solid}
AAA {display: table; border-collapse:collapse}
BBB {display: table-row;}
CCC {display: table-cell;}
DDD {display: table-cell;}
EEE {display: table-cell;}
Ver resultado
Documento XMLfolha de estilos CSSExemplo de ligação
(2)
     <AAA>
          <BBB>
               <CCC>ccc</CCC>
               <DDD>ddd</DDD>
               <EEE>eee</EEE>
          </BBB>
          <BBB>
               <CCC>ccc</CCC>
               <DDD>ddd</DDD>
               <EEE>eee</EEE>
          </BBB>
          <BBB>
               <CCC>ccc</CCC>
               <DDD>ddd</DDD>
               <EEE>eee</EEE>
          </BBB>
     </AAA>
* {padding:1ex; border:solid}
AAA {display: table; border-collapse:separate}
BBB {display: table-row;}
CCC {display: table-cell;}
DDD {display: table-cell;}
EEE {display: table-cell;}
Ver resultado