CSS Альманах 2025, Январь

Переполнение - CSS-хитрости

Переполнение - CSS-хитрости

Свойство переполнения контролирует, что происходит с содержимым, выходящим за его границы: представьте себе div, в котором вы явно установили ширину 200 пикселей, "

Цитаты - CSS-хитрости

Цитаты - CSS-хитрости

Свойство кавычек в CSS позволяет вам указать, какие типы кавычек используются при добавлении кавычек через content: open-quote; или содержание: "

Указатель-события - CSS-хитрости

Указатель-события - CSS-хитрости

Свойство pointer-events позволяет управлять тем, как элементы HTML реагируют на события мыши / касания, включая CSS-состояния наведения / активного состояния, события щелчка / касания "

Места размещения - CSS-хитрости

Места размещения - CSS-хитрости

Свойство place-items в CSS является сокращением для свойств align-items и justify-items, объединяя их в одно объявление. Обычное использование: "

Изменить размер - CSS-хитрости

Изменить размер - CSS-хитрости

Свойство resize определяет, может ли и как пользователь может изменять размер элемента, щелкнув и перетащив правый нижний угол элемента. .module ("

Поведение сверхпрокрутки - CSS-хитрости

Поведение сверхпрокрутки - CSS-хитрости

Свойство overscroll-behavior в CSS контролирует, будет ли элемент использовать «цепочку прокрутки» или нет. Вы, вероятно, уже сталкивались с подобным поведением раньше "

Перспектива происхождения - CSS-хитрости

Перспектива происхождения - CSS-хитрости

Свойство перспективы-происхождения определяет исходную точку для свойства перспективы. Думайте об этом как о точке схода текущего 3D-пространства. Отметьте как "

Разрыв страницы - CSS-хитрости

Разрыв страницы - CSS-хитрости

В CSS нет фактического свойства разрыва страницы. На самом деле это набор из трех свойств: page-break-before, page-break-after и page-break-inside. Эти"

Краска-заказ - CSS-хитрости

Краска-заказ - CSS-хитрости

Свойство CSS paint-order устанавливает порядок рисования фигур и текста SVG, включая заливку, обводку и любые маркеры, которые могут использоваться. К"

Перелива-пленка - CSS-хитрости

Перелива-пленка - CSS-хитрости

Свойство overflow-wrap в CSS позволяет указать, что браузер может разбивать строку текста внутри целевого элемента на несколько строк в "

Перспектива - CSS-хитрости

Перспектива - CSS-хитрости

Свойство CSS перспективы дает элементу трехмерное пространство, влияя на расстояние между плоскостью Z и пользователем. Сила эффекта "

Обивка - CSS-хитрости

Обивка - CSS-хитрости

Свойство padding в CSS определяет самую внутреннюю часть блочной модели, создавая пространство вокруг содержимого элемента внутри любых определенных полей "

Контур-офсет - CSS-хитрости

Контур-офсет - CSS-хитрости

Свойство outline-offset в CSS смещает определенный контур от края границы элемента на указанную величину. Контур, отличный от "

Якорь перелива - CSS-хитрости

Якорь перелива - CSS-хитрости

Свойство overflow-anchor позволяет нам отказаться от привязки прокрутки, которая представляет собой функцию браузера, позволяющую загружать контент поверх пользовательского "

Наброски - CSS-хитрости

Наброски - CSS-хитрости

Свойство контура в CSS рисует линию снаружи элемента. Это похоже на границу, за исключением того, что она всегда идет вокруг всех сторон, ты "

Смещение-путь - CSS-хитрости

Смещение-путь - CSS-хитрости

Это свойство зародилось как движение-путь. Это и все другие связанные свойства motion- * в спецификации переименовываются в offset- *. Мы меняем имена "

Сироты - CSS-хитрости

Сироты - CSS-хитрости

С точки зрения типографики, сирота - это первая строка абзаца, которая остается на старой странице, а абзац продолжается на следующей. Сирота »

Офсетный анкер - CSS-хитрости

Офсетный анкер - CSS-хитрости

Свойство offset-anchor определяет точку внутри блока, которая применяется как привязка, которая перемещается по пути смещения. Это довольно многословно, так что давайте сломаемся "

Заказ - CSS-хитрости

Заказ - CSS-хитрости

Свойство порядка является подсвойством модуля «Гибкий макет окна». Элементы Flex отображаются в том же порядке, что и в исходном документе "

Непрозрачность - CSS-хитрости

Непрозрачность - CSS-хитрости

Свойство opacity в CSS указывает, насколько прозрачным является элемент. Основное использование: div (opacity: 0.5;) Непрозрачность имеет начальное значение по умолчанию 1 (100% ").

Мин-высота - CSS-хитрости

Мин-высота - CSS-хитрости

Свойство min-height в CSS используется для установки минимальной высоты указанного элемента. Свойство min-height всегда переопределяет высоту и "

Объект подходит - CSS-хитрости

Объект подходит - CSS-хитрости

Свойство подгонки объекта определяет, как элемент реагирует на высоту и ширину своего поля содержимого. Он предназначен для изображений, видео и других встраиваемых "

Объект-позиция - CSS-хитрости

Объект-позиция - CSS-хитрости

Свойство object-position используется вместе со свойством object-fit и определяет, как элемент, такой как видео или изображение, позиционируется с помощью X / Y "

Расстояние смещения - CSS-хитрости

Расстояние смещения - CSS-хитрости

Это свойство начало свою жизнь как движение-смещение. Это и все другие связанные свойства motion- * в спецификации переименовываются в offset- *. Мы меняем "

Смещение-поворот - CSS-хитрости

Смещение-поворот - CSS-хитрости

Это свойство начало свое существование как движение-вращение, затем оно стало смещением-вращением, а теперь - смещением-вращением. Это все еще экспериментальная собственность рабочего проекта "

Max-inline-size - CSS-хитрости

Max-inline-size - CSS-хитрости

Max-inline-size - это логическое свойство в CSS, которое определяет максимальную ширину элемента при горизонтальном режиме письма или максимальную высоту "

Маска-изображение - CSS-хитрости

Маска-изображение - CSS-хитрости

Свойство маски в CSS позволяет скрывать части элемента. Например, если у вас есть черно-белое изображение, вы можете применить его как маску, и черные части заставят элемент быть прозрачным на этих элементах. Маски также могут соответствовать альфа-прозрачности изображения маски ".

Минимальная ширина - CSS-хитрости

Минимальная ширина - CSS-хитрости

Свойство min-width в CSS используется для установки минимальной ширины указанного элемента. Свойство min-width всегда переопределяет свойство ширины, если:

Режим смешивания - CSS-хитрости

Режим смешивания - CSS-хитрости

Свойство mix-blend-mode определяет, как содержимое элемента должно сливаться с фоном. Например, текст

может сливаться с "

Маска-режим - CSS-хитрости

Маска-режим - CSS-хитрости

Свойство CSS mask-mode указывает, обрабатывается ли изображение слоя маски CSS как альфа-маска или маска яркости. .element (изображение-маска: "