Сокращенная запись свойств
Свойства, которые принадлежат к одной группе свойств можно записывать сокращенно.Существуют следующие группы свойств:
- font
- font-style
- font-variant
- font-weight
- font-size/line-height
- font-family
- background
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
- margin
- margin-top
- margin-right
- margin-bottom
- margin-left
- padding
- padding-top
- padding-right
- padding-bottom
- paddung-left
- border
- border-width
- border-style
- border-color
- border-top
- border-top-width
- border-top-style
- border-top-color
- border-right
- border-right-width
- border-right-style
- border-right-color
- border-bottom
- border-bottom-width
- border-bottom-style
- border-bottom-color
- border-left
- border-left-width
- border-left-style
- border-left-color
- list-style
- list-style-type
- list-style-position
- list-style-image
Запишем правило как обычно:
p {
color: #0000cc;
font-size: 12px;
font-family: Verdana;
font-weight: bold;
}
Теперь это же записываем для свойств из группы свойств font в сокращённом виде:
p {
color: #0000cc;
font: bold 12px Verdana;
}
Как видно, получилось на две строки короче.
Примечание: Последовательность записи значений в сокращенном свойстве очень важна. Если её нарушить, то свойство будет работать неправильно. То есть, для последнего примера, нельзя записывать так:
font:
Verdana
bold 12px;