Savybė column-span
Savybė column-span nustato stulpelių skaičių,
per kurį turi tęstis elementas daugiacilpiame tekste.
Savybė priima arba skaitinę reikšmę 1,
arba raktinį žodį all. Kai reikšmė 1,
elementas apims vieną stulpelį, o
kai reikšmė all - visus stulpelius.
Sintaksė
selektorius {
column-span: 1 | all;
}
Numatytoji reikšmė: 1.
Pavyzdys
Šiame pavyzdyje antraštė pateks į pirmąjį stulpelį:
<div id="elem">
<h2>Lorem ipsum dolor sit amet eu metus non</h2>
some long text
</div>
#elem h2 {
column-span: 1;
margin: 0;
}
#elem {
column-count: 3;
text-align: justify;
}
:
Pavyzdys
O dabar antraštė išsities per visus stulpelius:
<div id="elem">
<h2>Lorem ipsum dolor sit amet eu metus non</h2>
some long text
</div>
#elem h2 {
column-span: all;
margin: 0;
}
#elem {
column-count: 3;
text-align: justify;
}
:
Taip pat žiūrėkite
-
savybė
column-count,
kuri nustato stulpelių skaičių -
savybė
column-width,
kuri nustato stulpelio plotį -
savybė
column-gap,
kuri nustato tarpą tarp stulpelių -
savybė
column-rule,
kuri nustato sienelę tarp stulpelių -
savybė
columns,
kuri yra trumpinys daugiacilpiam formatavimui
