Перейти до вмісту

State of CSS 2023

Інші можливості

Інші CSS-можливості.

CSS-змінні (кастомні властивості)

Коментарі19
Порівняти дані
6802 відповіли на питання із 9190 учасників опитування (відсоток заповнення: *74.1%**)
Вперше чую
Чув(-ла) про це
Використовував(-ла)
We asked members of the CSS community to share their “pick of the year”

My 2023 Pick: text-wrap: balance

Headlines should dazzle and read like a breeze, even if screens play hard to predict. I've battled those annoying solo words at line's end (hello, widow words!), but guess what? Enter text-wrap: balance – one-liner-fix wizardry that's pure magic!

We asked members of the CSS community to share their “pick of the year”

Ahmad Awais

VP DevRel & Google Developers Advisory Board founding member

Перевірка CSS-можливості (@supports)

Коментарі9
Порівняти дані
6787 відповіли на питання із 9190 учасників опитування (відсоток заповнення: *73.9%**)
Вперше чую
Чув(-ла) про це
Використовував(-ла)

Функції порівняння CSS

Коментарі7
Порівняти дані
min(), max() и clamp()
6795 відповіли на питання із 9190 учасників опитування (відсоток заповнення: *74%**)
Вперше чую
Чув(-ла) про це
Використовував(-ла)

@property

Коментарі16
Порівняти дані
6781 відповіли на питання із 9190 учасників опитування (відсоток заповнення: *73.8%**)
Вперше чую
Чув(-ла) про це
Використовував(-ла)

::marker

Коментарі12
Порівняти дані
6791 відповіли на питання із 9190 учасників опитування (відсоток заповнення: *73.9%**)
Вперше чую
Чув(-ла) про це
Використовував(-ла)

:has()

Коментарі38
Порівняти дані
6797 відповіли на питання із 9190 учасників опитування (відсоток заповнення: *74%**)
Вперше чую
Чув(-ла) про це
Використовував(-ла)

:where()

Коментарі8
Порівняти дані
6801 відповіли на питання із 9190 учасників опитування (відсоток заповнення: *74.1%**)
Вперше чую
Чув(-ла) про це
Використовував(-ла)

Cascade Layers

Коментарі16
Порівняти дані
6788 відповіли на питання із 9190 учасників опитування (відсоток заповнення: *73.9%**)
Вперше чую
Чув(-ла) про це
Використовував(-ла)

Shadow DOM Features

Коментарі8
Порівняти дані
6785 відповіли на питання із 9190 учасників опитування (відсоток заповнення: *73.9%**)
Вперше чую
Чув(-ла) про це
Використовував(-ла)

Trigonometric Functions

Коментарі8
Порівняти дані
6775 відповіли на питання із 9190 учасників опитування (відсоток заповнення: *73.8%**)
Вперше чую
Чув(-ла) про це
Використовував(-ла)

CSS Nesting

Коментарі65
Порівняти дані
Native CSS nesting, excluding pre- or post-processors.

    Корисні посилання

    6793 відповіли на питання із 9190 учасників опитування (відсоток заповнення: *74%**)
    		Вперше чую
    		Чув(-ла) про це
    		Використовував(-ла)

    image-set()

    Коментарі8
    Порівняти дані
    6786 відповіли на питання із 9190 учасників опитування (відсоток заповнення: *73.9%**)
    		Вперше чую
    		Чув(-ла) про це
    		Використовував(-ла)

    image()

    Коментарі8
    Порівняти дані
    6768 відповіли на питання із 9190 учасників опитування (відсоток заповнення: *73.7%**)
    		Вперше чую
    		Чув(-ла) про це
    		Використовував(-ла)

    Individual Transform Properties

    Коментарі16
    Порівняти дані
      6784 відповіли на питання із 9190 учасників опитування (відсоток заповнення: *73.9%**)
      		Вперше чую
      		Чув(-ла) про це
      		Використовував(-ла)

      Рекомендовані джерела

      Dynamic CSS with Custom Properties (aka CSS Variables)
      Lea Verou
      MIT

      Dynamic CSS with Custom Properties (aka CSS Variables)

      Modern browsers ship with CSS Custom Properties, also known as “CSS variables”, a superpower that enables us to create reusable components without any JavaScript dependencies needed
      Дякуємо нашим партнерам за підтримку! Детальніше.