Несколько свойств CSS можно записать в виде одной строки значений, которая заменяет необходимость указывать целый ряд свойств. Эти свойства описываются значениями, разделенными пробелами.
Например, вы можете объединить margin, padding и border-width и записать margin-top-width, margin-right-width, margin-bottom-width и т.п. в виде свойство: top right bottom left;
Следовательно, вместо того, чтобы указывать стиль так:
Вы можете записать их так:
Вы также можете объединить border-width, border-color и border-style:
(вы можете использовать это вместе с border-top, border-right и др.)
Если вы указываете только два значения (например, margin: 1em 10em;), то первое значение — это верх и низ, а второе — лево и право.
Также можно собирать несколько свойств, которые влияют на шрифт, используя свойство font:
(где /1.5 – высота строки)
Подводя итог, рассмотрите этот код:
Работает отлично.