Atrybut column-fill w CSS
- poprzednia strona column-count
- Następna strona column-gap
definicja i użycie
column-fill property określa, jak wypełniać kolumny (czy koordynować).
zobacz również:
CSS3 Tutorial:Wielokolumny w CSS3
HTML DOM Reference Manual:columnFill property
przykład
określa, jak wypełniać kolumny:
div { column-fill:auto; }
CSS syntax
column-fill: balance|auto;
wartość atrybutu
wartość | opis |
---|---|
balance | koordynuje kolumny. Przeglądarka powinna minimalizować różnice w długości kolumn. |
auto | wypełnia kolumny w kolejności, długość kolumn będzie różna. |
szczegóły techniczne
domyślna wartość: | balance |
---|---|
dziedziczenie: | nie |
wersja: | CSS3 |
JavaScript syntax: | object.style.columnFill="auto" |
więcej przykładów
- Column-count
- rozdziela tekst w elemencie div na trzy kolumny.
- Column-gap
- rozdziela tekst w elemencie div na trzy kolumny i określa 30-pikselową przerwę między kolumnami.
- Column-rule
- określa szerokość, styl i kolor kolumn.
obsługa przeglądarek
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
50.0 | 10.0 | 52.0 | 10.0 | 37.0 |
- poprzednia strona column-count
- Następna strona column-gap