Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
справочник css.docx
Скачиваний:
0
Добавлен:
01.07.2025
Размер:
29.95 Кб
Скачать

1. Шрифты, текст, ссылки

  • font - краткая запись свойств шрифта

    • font-style - стиль начертания шрифта

    • font-variant - вариант начертания шрифта

    • font-weight - насыщенность шрифта

    • font-size - размер шрифта

    • font-family - семейство шрифтов

  • line-height - высота строки

  • text-align - горизонтальное выравнивание строк

  • text-indent - отступ первой строки

  • text-decoration - подчёркивание ссылок, текста

  • text-transform - трансформирование текста

  • color - цвет текста

  • white-space - обработка пробелов между словами

  • word-break - перенос длинных слов в строках

  • letter-spacing - расстояние между буквами (символами)

  • word-spacing - расстояние между словами

  • word-wrap - разрыв длинных слов

  • cursor - управление внешним видом курсора

  • vertical-align - вертикальное выравнивание строчных элементов, изображений и полей форм

  • tab-size - настройка табуляции

  • direction - направление написания слов в тексте

  • unicode-bidi - направление написания слов в тексте (используется вместе с direction)

2. Таблицы

  • border-collapse - удаление промежутка между рамками ячеек

  • border-spacing - увеличение промежутка между рамками ячеек

  • caption-side - управление местоположением подписи к таблице

  • empty-cells - скрытие пустых ячеек

  • table-layout - компоновка макета таблицы

3. Списки

  • list-style - краткая форма задания стилей списка

    • list-style-type - тип маркера списка

    • list-style-image - маркер-изображение для элементов списка

    • list-style-position - местоположение маркера списка

4. Блочная модель

  • display - тип генерируемого элементом контейнера

  • height - высота элемента

    • max-height - максимальная высота

    • min-height - минимальная высота

  • width - ширина элемента

    • max-width - максимальная ширина

    • min-width - минимальная ширина

  • margin - внешний отступ между рамкой элемента и другими элементами

    • margin-bottom - внешний отступ снизу

    • margin-left - внешний отступ слева

    • margin-right - внешний отступ справа

    • margin-top - внешний отступ сверху

  • padding - внутренний отступ между содержимым и рамкой элемента

    • padding-bottom - внутренний отступ снизу

    • padding-left - внутренний отступ слева

    • padding-right - внутренний отступ справа

    • padding-top - внутренний отступ сверху

  • box-sizing - управление расчётом ширины и высоты элемента с учётом внутренних отступов и толщины рамки

  • resize - позволяет растягивать элемент в ширину и высоту

5. Позиционирование и обтекание

  • position - управление положением элементов

    • bottom - смещение относительно нижней стороны блока-контейнера

    • left - смещение относительно левой стороны блока-контейнера

    • right - смещение относительно правой стороны блока-контейнера

    • top - смещение относительно верхней стороны блока-контейнера

  • float - перемещение элементов с выравниванием по левому или правому краю блока-контейнера

  • clear - отмена обтекания с одной или обоих сторон элемента

  • z-index - наложение элементов

  • object-fit - управляет заполнением контейнера для содержимого замещаемых элементов

  • object-position - позиционирует содержимое замещаемых элементов внутри контейнера относительно осей X и Y