Стенография свойств

Стенография свойств — это сокращённая запись CSS-свойств для упрощения кода и сокращения повторений. Используется в основном для свойств, связанных с блоками и отступами.

Примеры сокращений

  • margin: 10px 20px 15px 5px; — сокращённая запись для margin-top, margin-right, margin-bottom, margin-left.
  • padding: 5px 10px; — сокращённая запись для вертикальных и горизонтальных отступов.
  • border: 1px solid red; — сокращение для border-width, border-style, border-color.
  • font: italic bold 16px/24px Arial, sans-serif; — сокращение для font-style, font-weight, font-size, line-height и font-family.

Преимущества стенографии

  • Упрощение кода и уменьшение количества строк CSS.
  • Повышение читаемости и скорости разработки.
  • Снижение веса стилей и ускорение загрузки страницы.

Пример использования

div.box {
  margin: 10px 20px;
  padding: 5px 10px;
  border: 2px solid blue;
}

В этом примере использованы сокращённые записи для отступов и границ.