column-rule-color | Свойство CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Вторник, 06.12.2016
Главная » Справочник CSS3 » Свойства колонок


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


column-rule-color | Свойство CSS

Свойство column-rule-color устанавливает стиль линии между колонками.




Свойство column-rule-color устанавливает стиль линии разделяющей колонки в многоколоночном элементе.Параметр цвета может быть применён любого типа,подробнее о Типах значения цветовСуществует альтернативное свойство для браузеров Safari и Chrome -webkit-column-rule-color.Для браузера Mozila применяется альтернативное свойство -moz-column-rule-color.Свойство применимо к многоколоночным элементам,создано в версии CSS3 и проходит валидацию согласно версии CSS3.




Дополнительные свойства применяемые к column-rule-color


Свойство
Описание
column-ruleСокращённый вид записи для всех значений
-moz-column-rule-colorАльтернативное свойство для браузера Mozila
-webkit-column-rule-colorАльтернативное свойство для браузеров Safari и Chrome


Дополнительные значения применяемые к column-rule-color


Значение
Описание
<Цвет>Любое значение цвета
inheritНаследует значение родителя

Свойство работает в браузерах




Пример применения свойства



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство column-rule-color</title>
<style type="text/css">
<!--
.color {
column-count:2;
-moz-column-count:2;
-webkit-column-count:2;
column-rule-width:50px;
-moz-column-rule-width:50px;
-webkit-column-rule-width:50px;
column-rule-style:solid;
-moz-column-rule-style:solid;
-webkit-column-rule-style:solid;
column-rule-color:red;
-moz-column-rule-color:red;
-webkit-column-rule-color:red;
border:5px solid fuchsia;
color:white;
}
-->
</style>
</head>
<body>
<center>
<div class="color">По установленным значениям колонок будет две.Цвет линии установлен fuchsia.
Ширина между колонками соответственно установленному значению будет равна 50px ( пикселей ).</div>
</center>
</body>
</html>

Пример в действии




Поэкспериментируйте сами





Русские шрифты






Источник: http://www.w3.org/TR/css3-multicol/#column-rule-color
Категория: Свойства колонок | Добавил: IZOTOP (21.05.2012) | Автор: Меренков Михаил E W
Просмотров: 376 | Теги: css, свойство, column-rule-color, пример, style, Что делает, Колонок | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]