Obiekt CSS3 column-count
Przykłady
Tekst podzielony jest elementem div na trzy kolumny:
div
{
column-count: 3;
-moz-column-count: 3; / * Firefox * /
-webkit-column-count: 3; / * Safari i Chrome * /
}
{
column-count: 3;
-moz-column-count: 3; / * Firefox * /
-webkit-column-count: 3; / * Safari i Chrome * /
}
Spróbuj »
Na dole strony znajduje się więcej przykładów.
Pomoc Browser
Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji obiektu.
Natychmiast po -webkit- cyfrowego -ms- lub -moz- temu w uzasadnieniu przedrostka atrybutu pierwszy numer wersji przeglądarki.
属性 | |||||
---|---|---|---|---|---|
column-count | 50.0 4.0 -webkit- |
10.0 | 2.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
Atrybut definicje i instrukcje
właściwość column-count określa liczbę kolumn elementu powinny być podzielone.
Domyślnie: | automatyczny |
---|---|
Dziedziczenie: | nie |
Wersja: | CSS3 |
Składnia JavaScript: | object .style.columnCount = 3 |
gramatyka
column-count:number|auto;
wartość | wyjaśnienie |
---|---|
liczba | Optymalna liczba kolumn, w których zawartość element nie może wypływać |
automatyczny | Liczba kolumn, zależy od innych parametrów, takich jak: "szerokość" kolumnowej |
Spróbuj sam - przykłady
Kolumna-gap
Tekstu w elemencie div na trzy kolumny i określ odstęp między kolumnami 30 pikseli.
Kolumna-rule
Przepisy określają między kolumnami: szerokość, styl i kolor.
Powiązane artykuły
Tutorial CSS3: CSS3 Multiple Kolumny