Najlepszy samouczek Obiekt CSS3 column-count W 2024 r. W tym samouczku możesz dowiedzieć się Przykłady,Pomoc Browser,Atrybut definicje i instrukcje,gramatyka,Spróbuj sam - przykłady,Powiązane artykuły,

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 * /
}

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


Przykłady

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

Obiekt CSS3 column-count
10/30