Метка: css-tutorial

aspect-ratio [quirksmode]

aspect-ratio: 16/9

Особенности работы css-свойства aspect-ratio, которое определяет соотношение между шириной и высотой контейнера. Примеры, когда aspect-ratio игнорируется и не применяется, работает не так, как ожидалось или не работает совсем.

CSS-свойство aspect-ratio

Применение CSS-свойства aspect-ratio для установки отношения сторон контейнеру вместо использования трюков с помощью padding-top: 56.25% и несколько практических примеров.

Руководство по CSS-переменным

css variables

Настраиваемые CSS-свойства для каскадных переменных, о которых давно просили, но которые всё ещё недостаточно используются, предлагают революционные возможности для совместной работы и повторного использования кода.

CSS свойство clip-path

clippy

clip-path создает ограниченную область, которая определяет какая часть элемента останется видимой.

background-repeat

background-repeat

CSS-свойство background-repeat определяет способ повторяемости фонового изображения

Как работает z-index

z-index

CSS свойства z-index, position: relative и absolute и взаимное расположение контейнеров, как всё этот вместе работает: наглядно и понятно.