Границы и отступы

Свойство стиля Описание свойства Значения Значение по умолчанию
margin-top margin-right margin-bottom margin-left Размер зоны полей вокруг блока (сверху, справа, снизу, слева) размер, процент (относительно ширины контейнера)  
margin Стенографическое свойство для одновременного задания полей список значений полей, разделенных пробелами  
padding-top padding-right padding-bottom padding-left Размер зоны отступов внутри блока (сверху, справа, снизу, слева) размер, процент (относительно ширины контейнера)  
padding Стенографическое свойство для одновременного задания отступов список значений отступов, разделенных пробелами  
border-top-width border-right-width border-bottom-width border-left-width Размер зоны границы блока (сверху, справа, снизу, слева) размер, thin, medium, thick medium
border-width Стенографическое свойство для одновременного задания размеров зоны границы блока список значений ширины границ, разделенных пробелами  
border-top-color border-right-color border-bottom-color border-left-color Цвет границы (сверху, справа, снизу, слева) transparent, цвет значение свойства color
border-color Стенографическое свойство для одновременного задания цвета всех границ список значений цвета границ, разделенных пробелами  
border-top-style border-right-style border-bottom-style border-left-style Стиль линии границы (сверху, справа, снизу, слева) NB! по умолчанию граница не отображается, значит без задания этого свойства все прочие свойства границы не повлияют на отображение блока none (нет), dotted (пунктир), dashed (штрих-пунктир), solid (сплошная), double (двойная сплошная), groove (вдавленная граница), ridge (выпуклая граница), inset (вдавленный блок), outset (выпуклый блок) none
border-style Стенографическое свойство для одновременного задания стиля линий всех границ список значений стиля линий, разделенных пробелами  
border-top border-right border-bottom border-left Стенографические свойства для одновременного задания ширины, стиля и цвета границ (сверху, справа, снизу, слева) список значений ширины, стиля и цвета линий, разделенных пробелами  
border Стенографические свойства для одновременного задания ширины, стиля и цвета всех границ список значений ширины, стиля и цвета линий, разделенных пробелами; применяется сразу ко всем границам  

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: