CSS/Блочная Модель: различия между версиями
Содержимое удалено Содержимое добавлено
Oleg4280 (обсуждение | вклад) Нет описания правки |
Oleg4280 (обсуждение | вклад) Нет описания правки |
||
Строка 92:
== Границы (<code>border/outline</code>) элемента ==
Границы позволяют визуально отделить отделить один элемент от другого.
Свойство <code>border-color</code> позволяет задать цвет границы, <code>border-style</code> — её стиль и <code>border-width</code> — толщину.
Можно задать все эти три свойства в сокращённой форме, перечислив их через пробел в свойстве <code>border</code>.
Или указать для каждой из сторон (<code>border-top</code>, <code>border-right</code>, <code>border-bottom</code>, <code>border-left</code>) необходимые свойства отдельно.
Свойство <code>outline</code> позволяет задавать цвет (<code>outline-color</code>), стиль (<code>outline-style</code>) и толщину (<code>outline-width</code>) внешней границы только для всех сторон одновременно. И это свойство не участвует в формировании размеров блока.
В сокращённой форме свойства внешней границы записываются через пробел в свойстве <code>outline</code>.
* <code>border</code>
* <code>border-color</code>
* <code>border-style</code>
* <code>border-width</code>
* <code>border-top-color/style/width</code>
* <code>border-right-color/style/width</code>
* <code>border-bottom-color/style/width</code>
* <code>border-left-color/style/width</code>
* <code>outline</code>
* <code>outline-color</code>
* <code>outline-style</code>
* <code>outline-width</code>
| |||