Лучшее руководство по CSS3 нескольких столбцов в 2024 году. В этом руководстве вы можете изучить Поддержка браузеров,CSS3 свойства нескольких столбцов,CSS3 для создания нескольких столбцов,CSS3 разрыв нескольких столбцов между колоннами и столбцов,Границы столбцов CSS3,Сколько столбцов через указанный элемент,Задает ширину столбцов,CSS3 свойства нескольких столбцов,
Содержание CSS3 текст может быть разработан как макет нескольких столбцов газеты, следующие примеры:
Этот учебник - наука не только технологии, но и мечта! В этом руководстве (www.w3write.com) обеспечивает наиболее полное программирование на основе технологии учебное пособие знакомит с основами HTML, CSS, JavaScript, Python, Java, Ruby, C, PHP, MySQL и других языков программирования. Но сайт также предоставляет ряд примеров в Интернете, в качестве примера, вы можете лучше научиться программированию.
Цифры в таблице представляют собой первый браузер, поддерживающий номер версии метода.
Сразу после номера -webkit- браузера или -moz- указанного префикса.
свойство | |||||
---|---|---|---|---|---|
столбец подсчета | 4.0 -webkit- | 10,0 | 2.0 -moz- | 3.1 -webkit- | 15,0 -webkit- 11.1 |
колонного разрыв | 4.0 -webkit- | 10,0 | 2.0 -moz- | 3.1 -webkit- | 15,0 -webkit- 11.1 |
колонного правило | 4.0 -webkit- | 10,0 | 2.0 -moz- | 3.1 -webkit- | 15,0 -webkit- 11.1 |
колонного правило цвета | 4.0 -webkit- | 10,0 | 2.0 -moz- | 3.1 -webkit- | 15,0 -webkit 11.1 |
колонного правило стиле | 4.0 -webkit- | 10,0 | 2.0 -moz- | 3.1 -webkit- | 15,0 -webkit 11.1 |
колонного правило ширины | 4.0 -webkit- | 10,0 | 2.0 -moz- | 3.1 -webkit- | 15,0 -webkit 11.1 |
колонного ширина | 4.0 -webkit- | 10,0 | 2.0 -moz- | 3.1 -webkit- | 15,0 -webkit 11.1 |
В этой главе мы узнаем еще несколько свойств CSS3 столбцов:
column-count
column-gap
column-rule-style
column-rule-width
column-rule-color
column-rule
column-span
column-width
column-count
атрибут указывает число столбцов должны быть разделены.
Элемент Следующий пример <DIV> в тексте делится на три части:
column-gap
свойство задает промежуток между колоннами и колоннами.
Следующий пример определяет зазор между колонной и столбец 40 пикселей:
column-rule-style
свойство определяет столбцы стиль границы между колоннами:
column-rule-width
атрибут определяет толщину границы двух:
column-rule-color
атрибут определяет цвет границы двух:
column-rule
свойство сокращенная для всех столбцов-rule- * свойствами.
В следующем примере столбец непосредственно для толщины границы, цвета и стиля:
Следующий пример определяет элемент <h2> во всех колонках:
column-width
атрибут определяет ширину столбца.
В следующей таблице перечислены все атрибуты CSS3 нескольких столбцов:
свойство | описание |
---|---|
столбец подсчета | Количество столбцов, указанных элементов должны быть разделены. |
колонного заполнения | Указывает, как заполнять столбцы |
колонного разрыв | Определяет промежуток между столбцами и |
колонного правило | Все колонки-rule- * сокращённое свойство |
колонного правило цвета | Определяет цвет границы между двумя |
колонного правило стиле | Укажите стиль границы между двумя |
колонного правило ширины | Определяет толщину границы между двумя |
колонка-пролетный | Определяет, сколько столбцов, чтобы пересечь элемент |
колонного ширина | Задает ширину столбцов |
столбцы | Установка столбца ширины и столбца подсчета стенографии |