Column-width häsiýeti
Column-width häsiýeti köp sütünli tekstiň
sütün iniňligini belleýär. Häsiýetiň bahasy
hökmünde ölçeg birlikleri,
ýüzde birliklerden başga, ýa-da auto (deslapky ýagdaýy) açar sözi bolup biler. Auto bahasy bilen
brauzer column-count
we column-gap esasında
sütünleriň iň amatly iniňligini özi saýlaýar.
Sintaksis
selektor {
column-width: baha;
}
Mysal . Bellenen iniňlik
Bu mysalda sütün iniňligi column-width
150px hökmünde, olaryň sany bolsa
column-count
auto bahasynda bellendir. Netijede
sütünleriň iniňligi 150px bolar, olaryň sany
we aralaryndaky boşluk brauzer tarapyndan öz-özüne saýlanar:
<div id="elem">
some long text
</div>
#elem {
column-count: auto;
column-width: 150px;
text-align: justify;
}
:
Mysal . Auto bahasy
Bu mysalda tekst 3
sütüne bölüner (sebäbi column-width
3 bahasynda), emma olaryň iniňligi
awtomatik kesgitleniler:
<div id="elem">
some long text
</div>
#elem {
column-width: auto;
column-count: 3;
text-align: justify;
}
:
Şeýle-de garaň
-
sütün sanyny belleýän
column-counthäsiýeti,
-
sütünler arasyndaky boşlugy belleýän
column-gaphäsiýeti,
-
sütünler arasyndaky araçägni belleýän
column-rulehäsiýeti,
-
elementiň näçe sütün boýunça ýaýmalmalydygyny belleýän
column-spanhäsiýeti,
-
köp sütünlilik üçin gysgaldylan häsiýet bolan
columnshäsiýeti,