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


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



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


В категории материалов: 25
Показано материалов: 1-20
Страницы: 1 2 »

Сортировать по: Дате · Названию · Рейтингу · Комментариям · Просмотрам

Свойство border устанавливает границы элементу. Это сокращённая форма установки значений границе. Для обширных данных используйте дополнительные свойства границ. Свойство применимо ко всем элементам,создано в версии CSS1 но проходит валидацию согласно версии CSS3.

Свойства границ | Просмотров: 538 | Добавил: IZOTOP | Дата: 30.03.2012 | Комментарии (0)

Свойство border-bottom устанавливает вид нижней границы элемента.Используйте расширенные свойства border-bottom для более объективной нижней границы элемента. Порядок установки свойств для правой границы следующий.
1.border-bottom-width
2.border-bottom-style
3.border-bottom-color
Свойство применимо ко всем элементам,создано в версии CSS1 но проходит валидацию согласно версии CSS3.

Свойства границ | Просмотров: 476 | Добавил: IZOTOP | Дата: 30.03.2012 | Комментарии (0)

Свойство border-bottom-color устанавливает цвет для нижней границы элемента. Для значений цвета могут применятся коды цветов ,а так же имена соответствующие цветам. Используйте альтернативное свойство -moz-border-bottom-colors для браузера Mozila. Порядок установки свойств для верхней границы следующий.
1.border-bottom-width
2.border-bottom-style
3.border-bottom-color
Свойство применимо ко всем элементам,создано в версии CSS2 но проходит валидацию согласно версии CSS3.

Свойства границ | Просмотров: 509 | Добавил: IZOTOP | Дата: 30.03.2012 | Комментарии (0)

Свойство border-bottom-style устанавливает стиль линии нижней границы элементу.Порядок установки свойств для нижней  границы следующий.
1.border-bottom-width
2.border-bottom-style
3.border-bottom-color
Свойство применимо ко всем элементам,создано в версии CSS2 но проходит валидацию согласно версии CSS3.

Свойства границ | Просмотров: 590 | Добавил: IZOTOP | Дата: 30.03.2012 | Комментарии (0)

Свойство border-bottom-width устанавливает ширину линии нижней границы элемента.Толщина может задаваться либо положительным числом,либо с использованием одного из именных значения. Порядок установки свойств для ширины границы следующий.
1.border-bottom-width
2.border-bottom-style
3.border-bottom-color
Свойство применимо ко всем элементам,создано в версии CSS1 но проходит валидацию согласно версии CSS3.

Свойства границ | Просмотров: 529 | Добавил: IZOTOP | Дата: 30.03.2012 | Комментарии (0)

Свойство border-color устанавливает цвет для всех четырёх границ элемента. Значения цвета могут указываться любым цветовым кодом или именем,между задаваемыми значениями нужно делать пробел. Общее число значений применимых к одному элементу может быть от 1 до 4 на Ваше усмотрение. Свойство применимо ко всем элементам,создано в версии CSS1 но проходит валидацию согласно версии CSS3.

Свойства границ | Просмотров: 530 | Добавил: IZOTOP | Дата: 30.03.2012 | Комментарии (0)

Свойство border-image устанавливает в качестве границы изображение. Данное свойство является сокращённой записью и должна включать в себя значения расширенных свойств,многие из которых являются обязательными к написанию. Так же существуют дополнительные свойства для распространённых браузеров,без них border-image может не сработать в устаревших типах браузеров. Для числовых и процентных написаний используются от одного до четырёх значений записанных через пробел.
1.border-image:10; - Толщина границы одинакова для всех четырёх сторон
2.border-image:10 10; - Первое значение для верхней и нижней части,второе для левой и правой
3.border-image:10 10 10; - Первое значение для верхней границы,второе для левой и правой,третье для нижней границы
4.border-image:10% 10% 10% 10%; - По часовой стрелке указываются значения для верхней,правой,нижней и левой границы
Свойство применимо к элементам кроме элементов таблицы,у которых свойство border-collapse сопровождается значением collapse,создано в версии CSS3 и проходит валидацию согласно версии CSS3.

Свойства границ | Просмотров: 751 | Добавил: IZOTOP | Дата: 11.05.2012 | Комментарии (0)

Свойство border-image-outset устанавливает в качестве числовых значений,размеры за которые выйдет граница изображения. Сами границы устанавливаются свойством border-width. При одном заданном значении,оно распространяется на все выступы. Если будет задано три значения( сверху, справа и снизу ),то четвертое значение ( слева ) будет равно второму выступу ( справа ). Если задано только два значения,то третье будет равно первому,а четвертое второму. К сожалению на момент написания статьи ещё не поддерживалась не одним распространённым браузером,оно является не обязательным к написанию и поэтому даже в border-image не работает ( нельзя посмотреть что получается ). Свойство применимо к элементам кроме элементов таблицы,у которых свойство border-collapse сопровождается значением collapse,создано в версии CSS3 и проходит валидацию согласно версии CSS3.

Свойства границ | Просмотров: 705 | Добавил: IZOTOP | Дата: 11.05.2012 | Комментарии (0)

Свойство border-image-repeat устанавливает вид боковых границ изображения. К сожалению на момент написания статьи ещё не поддерживалась не одним распространённым браузером. Но можно посмотреть на его работу посмотрев работу свойства border-image для которого применяются значения свойства border-image-repeat. Свойству можно применить 2 значения,первое будет воздействовать на ось x ( ширину ),а второе на ось y ( высоту ) границ изображения. Свойство применимо к элементам кроме элементов таблицы,у которых свойство border-collapse сопровождается значением collapse,создано в версии CSS3 и проходит валидацию согласно версии CSS3.

Свойства границ | Просмотров: 859 | Добавил: IZOTOP | Дата: 11.05.2012 | Комментарии (0)

Свойство border-image-slice устанавливает отступы для всех сторон границы изображения,делится на 9 фрагментальных частей с возможностью пересекать центральную часть изображения. При одном заданном значении,оно распространяется на все выступы. Можно применять от одного до четырёх числовых или процентных значения через пробел. Принадлежность чисел к px ( пикселям ) не указывается,а процентный символ указывается. Если будет задано три значения( сверху, справа и снизу ),то четвертое значение ( слева ) будет равно второму выступу ( справа ). Если задано только два значения,то третье будет равно первому,а четвертое второму. К сожалению на момент написания статьи ещё не поддерживалась не одним распространённым браузером,но свойство работает в свойстве border-image т.к является обязательным к написанию,посмотрите пример. Свойство применимо к элементам кроме элементов таблицы,у которых свойство border-collapse сопровождается значением collapse,создано в версии CSS3 и проходит валидацию согласно версии CSS3.

Свойства границ | Просмотров: 725 | Добавил: IZOTOP | Дата: 12.05.2012 | Комментарии (0)

Свойство border-image-width устанавливает ширину фонового изображения от внутренних границ элемента в котором находится.При одном заданном значении,оно распространяется на все выступы. Можно применять от одного до четырёх числовых или процентных значения через пробел. Принадлежность чисел к px ( пикселям ) не указывается,а процентный символ указывается. Если будет задано три значения( сверху, справа и снизу ),то четвертое значение ( слева ) будет равно второму выступу ( справа ). Если задано только два значения,то третье будет равно первому,а четвертое второму. К сожалению на момент написания статьи ещё не поддерживалась не одним распространённым браузером,ниже в статье есть генератор свойства border-image по работе которого можно визуально определить воздействие свойства border-image-width на фоновое изображение выходящее за границы ( сдвигайте ползунок свойства,увеличивая значение ). Свойство является не обязательным к написанию. Свойство применимо к элементам кроме элементов таблицы,у которых свойство border-collapse сопровождается значением collapse,создано в версии CSS3 и проходит валидацию согласно версии CSS3.

Свойства границ | Просмотров: 1070 | Добавил: IZOTOP | Дата: 15.05.2012 | Комментарии (0)

Свойство border-left устанавливает параметры для левой границы элемента.Порядок установки свойств для левой границы следующий.
1.border-left-width
2.border-left-style
3.border-left-color
Дополнительно следует прописывать альтернативное свойство для браузера Mozila -moz-border-left-colors. Свойство применимо ко всем элементам,создано в версии CSS1 но проходит валидацию согласно версии CSS3.

Свойства границ | Просмотров: 444 | Добавил: IZOTOP | Дата: 02.04.2012 | Комментарии (0)

Свойство border-left-color устанавливает цвет для левой границы элемента. Значения цвета могут указываться любым цветовым кодом или именем. Порядок установки свойств для левой границы следующий.
1.border-left-width
2.border-left-style
3.border-left-color
Дополнительно следует прописывать альтернативное свойство для браузера Mozila -moz-border-left-colors. Свойство применимо ко всем элементам,создано в версии CSS1 но проходит валидацию согласно версии CSS3.

Свойства границ | Просмотров: 468 | Добавил: IZOTOP | Дата: 02.04.2012 | Комментарии (0)

Свойство border-left-style устанавливает стиль для левой границы элемента. Значения стиля могут указываться значением имени для этого свойства. Порядок установки свойств для левой границы следующий.
1.border-left-width
2.border-left-style
3.border-left-color
Свойство применимо ко всем элементам,создано в версии CSS2 но проходит валидацию согласно версии CSS3.

Свойства границ | Просмотров: 711 | Добавил: IZOTOP | Дата: 02.04.2012 | Комментарии (0)

Свойство border-left-width устанавливает ширину для левой границы элемента. Значения ширины могут быть установленны как числовые,с положительным значением,так и в виде собственных значений равных 2 4 и 6 пикселя. Поэтому если Ваше значение входит в параметры именного значения,то устанавливайте значение с именем,например не 2px,а thin. Порядок установки свойств для левой границы следующий.
1.border-left-width
2.border-left-style
3.border-left-color
Свойство применимо ко всем элементам,создано в версии CSS1 но проходит валидацию согласно версии CSS3.

Свойства границ | Просмотров: 441 | Добавил: IZOTOP | Дата: 02.04.2012 | Комментарии (0)

Свойство border-right устанавливает параметры вида для правой границы элемента. Порядок установки свойств для правой границы следующий.
1.border-right-width
2.border-right-style
3.border-right-color
Дополнительно следует прописывать альтернативное свойство для браузера Mozila -moz-border-right-colors. Свойство применимо ко всем элементам,создано в версии CSS1 но проходит валидацию согласно версии CSS3.

Свойства границ | Просмотров: 412 | Добавил: IZOTOP | Дата: 02.04.2012 | Комментарии (0)

Свойство border-right-color устанавливает цвет для правой границы элемента. Значения цвета могут указываться любым цветовым кодом или именем. Порядок установки свойств для правой границы следующий.
1.border-right-width
2.border-right-style
3.border-right-color
Дополнительно следует прописывать альтернативное свойство для браузера Mozila -moz-border-right-colors. Свойство применимо ко всем элементам,создано в версии CSS2 но проходит валидацию согласно версии CSS3.

Свойства границ | Просмотров: 445 | Добавил: IZOTOP | Дата: 02.04.2012 | Комментарии (0)

Свойство border-right-style устанавливает стиль для правой границы элемента. Значения стиля могут указываться значением имени для этого свойства. Порядок установки свойств для правой границы следующий.
1.border-right-width
2.border-right-style
3.border-right-color
Свойство применимо ко всем элементам,создано в версии CSS2 но проходит валидацию согласно версии CSS3.

Свойства границ | Просмотров: 473 | Добавил: IZOTOP | Дата: 02.04.2012 | Комментарии (0)

Свойство border-right-width устанавливает ширину для правой границы элемента. Значения ширины могут быть установленны как числовые,с положительным значением,так и в виде собственных значений равных 2 4 и 6 пикселя.Поэтому если Ваше значение входит в параметры именного значения,то устанавливайте значение с именем,например не 2px,а thin. Порядок установки свойств для левой границы следующий.
1.border-right-width
2.border-right-style
3.border-right-color
Свойство применимо ко всем элементам,создано в версии CSS1 но проходит валидацию согласно версии CSS3.

Свойства границ | Просмотров: 448 | Добавил: IZOTOP | Дата: 02.04.2012 | Комментарии (0)

Свойство border-style устанавливает стиль границы элемента. Это свойство сокращённый способ установить параметры стиля,он устанавливается один для всех четырёх границ. Если у Вас границы имеют разные параметры,укажите для отличимой границы своё свойство в стилях. Для этого существуют четыре расширенных свойства  border-style. Свойство применимо ко всем элементам,создано в версии CSS1 но проходит валидацию согласно версии CSS3.

Свойства границ | Просмотров: 508 | Добавил: IZOTOP | Дата: 02.04.2012 | Комментарии (0)



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


1-20 21-25