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

6. Обрезка

  • text-overflow - обрезка строк

  • clip - обрезка части элемента

  • overflow - добавление полос прокрутки или скрытие содержимого

    • overflow-x - обрезка правого края контента внутри блока в случае его переполнения

    • overflow-y - обрезка нижнего края контента внутри блока в случае его переполнения

7. Видимость элемента

  • opacity - прозрачность элемента

  • visibility - управление видимостью элемента

8. Фон

  • background - задание фона элемента одним свойством

    • background-color - цвет фона

    • background-image - фоновое изображение

    • background-position - положение фонового изображения

    • background-repeat - повтор фонового изображения

    • background-size - размер фонового изображения

    • background-attachment - фиксация фонового изображения на месте

    • background-clip - заполнение фоном отступов и границ элемента

    • background-origin - положение фонового изображения относительно его родительского блока

  • background-blend-mode - режим смешивания фоновых слоёв, заданных в свойстве background-image

9. Рамка

  • border - задание рамки элемента одним свойством

    • border-width - толщина рамки

    • border-style - стиль рамки

    • border-color - цвет рамки

  • border-bottom - задание нижней рамки одним свойством

    • border-bottom-width - ширина нижней рамки

    • border-bottom-style - стиль нижней рамки

    • border-bottom-color - цвет нижней рамки

  • border-left - задание левой рамки одним свойством

    • border-left-width - толщина левой рамки

    • border-left-style - стиль левой рамки

    • border-left-color - цвет левой рамки

  • border-top - задание верхней рамки одним свойством

    • border-top-width - толщина верхней рамки

    • border-top-style - стиль верхней рамки

    • border-top-color - цвет верхней рамки

  • border-right - задание правой рамки одним свойством

    • border-right-width - толщина правой рамки

    • border-right-style - стиль правой рамки

    • border-right-color - цвет правой рамки

  • border-radius - задание радиуса скругления углов рамки одним свойством

    • border-top-left-radius - верхний левый радиус

    • border-top-right-radius - верхний правый радиус

    • border-bottom-left-radius - нижний левый радиус

    • border-bottom-right-radius - нижний правый радиус

  • border-image - задание рамки-изображения одним свойством

    • border-image-outset - смещение рамки-изображения

    • border-image-repeat - повтор рамки-изображения

    • border-image-slice - размер частей рамки-изображения

    • border-image-source - источник рамки-изображения

    • border-image-width - толщина рамки-изображения

  • outline - задание внешнего контура одним свойством

    • outline-color - цвет внешнего контура

    • outline-offset - смещение внешнего контура

    • outline-style - стиль линии внешнего контура

    • outline-width - толщина линии внешнего контура

10. Генерируемое содержимое

  • content - добавление генерируемого содержимого

  • counter-increment - приращение счётчика

  • counter-reset - имя счётчика

  • quotes - добавление кавычек заданного типа

11. Тень

  • text-shadow - тень текста

  • box-shadow - тень блока

12. Переходы

  • transition - краткая запись перехода

    • transition-delay - задержка перехода

    • transition-duration - продолжительность перехода

    • transition-property - название свойств, к которым будет применен перехода

    • transition-timing-function - функция перехода

13. Трансформации

  • backface-visibility - видимость обратной стороны элемента

  • perspective - активация 3D-пространства для элемента

  • perspective-origin - точка 3D-трансформации

  • transform - функция 2D-трансформации

  • transform-origin - точка 2D-трансформации

  • transform-style - стиль 3D-преобразований

14. Анимация

  • animation - краткая запись всех свойств анимации

    • animation-name - название анимации

    • animation-duration - длительность анимации

    • animation-delay - задержка анимации

    • animation-direction - направление повтора анимации

    • animation-fill-mode - состояние элемента до и после воспроизведения анимации

    • animation-iteration-count - число повторов анимации

    • animation-play-state - остановка анимации

    • animation-timing-function - функция изменения скорости анимации во времени