English | >> česky << | PortuguêsZVON > Tutorials > CSS2 tutorial
Úvod / Hledej / ZVON
>> Příklad 46 << | Předešlý | Následující | Index | Obsah

Existují dva různé modely pro nastavené okrajů na buňkách tabulky v CSS. Vybírá se mezi nimi pomocí vlastnosti "border-collapse". Hodnota 'separate' nastaví model s oddělenými okraji ("separated borders"). Hodnota 'collapse' nastaví model s kolabujícímí okraji ("collapsing borders").

XML dokumentCSS stylOdkaz na příklad
(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;}
Zobraz výstupy
XML dokumentCSS stylOdkaz na příklad
(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;}
Zobraz výstupy