Obiekt Kolumny CSS3
Przykłady
Określa szerokość i liczbę kolumn:
div
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
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.
属性 | |||||
---|---|---|---|---|---|
columns | 50.0 4.0 -webkit- |
10.0 | 9.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
Atrybut definicje i instrukcje
Obiekt Kolumny jest skróconą własnością, aby ustawić szerokość kolumny i liczbę kolumn.
Domyślnie: | auto |
---|---|
Dziedziczenie: | nie |
Wersja: | CSS3 |
Składnia JavaScript: | .style.columns object = "100px 3" |
gramatyka
kolumny: kolumna szerokość kolumny count;
wartość | opis |
---|---|
Szerokość kolumny | szerokość kolumny |
column-count | Liczba kolumn |
Więcej przykładów
Column-count
Tekst div elementem w trzech kolumnach.
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