CSS Border (Границы)
CSS свойства границ
CSS свойства границ позволяют определить стиль рамки элемента и цвет.
Пограничный Стиль
Стиль границ свойство определяет, какие границы будет отображаться.
стиль границы свойство используется для определения стиля границы
Значение стиль границы:
Нет: граница Нет по умолчанию
пунктир: пунктирная: Определяет область выделения
пунктирная: Определяет пунктирную окно
твердого вещества: определение твердой границы
дважды: определяют две границы. Одни и те же значения ширины двух границ и границ-ширины
паз: паз определяется 3D границы. Эффект зависит от значения цвета границы
Хребет: определение 3D-гребень границы. Эффект зависит от значения цвета границы
вставка: Определяет 3D встроен границу. Эффект зависит от значения цвета границы
боковик: Определяет 3D боковик границу. Эффект зависит от значения цвета границы
Попытка: установить стиль границы
Ширина пограничной
Вы можете указать ширину границы атрибутом границы ширины.
Определяет ширину границы двумя способами: Вы можете указать длину значения, такие как 2рх или 0.1em, или использовать один из трех ключевых слов, которые являются тонкими, средний (по умолчанию) и толстый.
Примечание: CSS не определяет три ключевых слова определенную ширину, так что агент пользователя может быть тонкой, средней и толщиной соответственно устанавливается равным 5px, 3px и 2px, в то время как другой пользователь агент, соответственно, устанавливается в 3px, 2px и 1px.
примеров
{
border-style:solid;
border-width:5px;
}
p.two
{
border-style:solid;
border-width:medium;
}
Попробуйте »
выделяющий цвет
границы цвета свойство устанавливает цвет границы. Вы можете установить цвет:
- Имя - указывает имя цвета, такие, как "красных"
- RGB - укажите значение RGB, например, как "RGB (255.0.0)"
- Hex - Задает шестнадцатеричное значение, например "# ff0000"
Вы также можете установить цвет границы для "прозрачной".
Примечание: границы только цветне работает, вы должны использовать стиль границы , чтобы установить стиль границы.
примеров
{
стиль границы: твердый;
границы цвета: красный;
}
p.two
{
стиль границы: твердый;
границы цвет: # 98bf21;
}
Попробуйте »
Граница - отдельные настройки для каждой из сторон
В CSS можно задать разные стороны разные границы:
примеров
{
border-top-style:dotted;
border-right-style:solid;
border-bottom-style:dotted;
border-left-style:solid;
}
Попробуйте »
Приведенный выше пример можно также установить один атрибут:
стиль границы свойство может иметь от одного до четырех значений:
- стиль границы: пунктирный твердых двойной штриховой ;
- Границы усеяны
- Правая граница твердого тела
- Двойная нижняя граница
- Левая граница пунктирная
- стиль границы: пунктирный твердых двойной;
- Границы усеяны
- Левая и правая граница является твердой
- Двойная нижняя граница
- стиль границы: пунктирный твердого вещества;
- На дне пунктирная граница
- Правая и левая границы являются твердыми
- стиль границы: пунктир;
- Окруженный пунктирной границы
Приведенный выше пример использует стиль границы. Тем не менее, он также может быть граница ширины, граница цвета вместе.
Граница - сокращённое свойство
Приведенный выше пример использует много имущества, чтобы установить границу.
T Вы можете также установить границу в собственности.
Вы можете установить "границы" атрибут:
- границы ширина
- стиль границы (обязательно)
- граница цвета
Другие примеры
Все свойства границы в одной декларации является
Этот пример демонстрирует сокращённое свойство для установки всех четырех свойств границ в том же заявлении.
Настройка стиля границы
Этот пример показывает, как установить стиль нижней границы.
Установка ширины левой границы
Этот пример показывает, как установить ширину левой границы.
Установите цвет четырех границ
Этот пример показывает, как установить цвет четырех границ. Вы можете установить от одного до четырех цветов.
Установите цвет правой границы
Этот пример показывает, как установить цвет правой границы.
CSS свойства границ
| свойство | описание |
|---|---|
| граница | Сокращённое свойство используется для установки свойства четырех сторон в заявлении. |
| стиль границы | Он используется, чтобы установить стиль границы всех элементов, или отдельно установить стиль границы для каждой из сторон. |
| границы ширина | Все границы сокращённое свойство задает ширину для элемента или индивидуально установить ширину на каждой стороне границы. |
| граница цвета | Сокращённое свойство, элемент всех видимых цветов границ участка, или установить цвет, соответственно четыре стороны. |
| окантовка дна | Сокращённое свойство используется для установки всех атрибутов границы с заявлением. |
| границы снизу цвет | Установите цвет нижней границы элемента. |
| границы снизу стиль | Установка элементов пограничного стиля. |
| границы снизу ширина | Установите ширину нижней границы элемента. |
| окантовка левый | Сокращённое свойство используется для установки всех левой границы свойства заявлении. |
| окантовка левый цвет | Установите цвет левого границы элемента. |
| границы левого стиле | Элемент левой границы стиля. |
| граница левой ширины | Элемент левой ширины рамки. |
| окантовка правый | Сокращённое свойство для установки всех свойств справа от окна на заявление. |
| границы правой кнопкой цвет | Установите цвет правой границы элемента. |
| окантовка правом стиле | Элемент правильных стилей границ. |
| границы правой ширины | Установите ширину правой границы элемента. |
| границы сверху | Сокращённое свойство для установки всех свойств на границе с заявлением. |
| границы верхнего цвета | Элемент устанавливается на цвет границы. |
| границы топ-стиль | Элемент устанавливается на стиль границы. |
| границы сверху ширина | Элемент устанавливается на ширину границы. |