Skip to content

The State of CSS 2021

[ua-UA] general.back_to_intro

Ррозкладка

Як ви маєте в своєму розпорядженні елементи на сторінці?

Грид CSS

Customize Data
Вперше чую
Знаю
Використовував
2019
43.5% 43.5% 54.8% 54.8%
2020
25.7% 25.7% 73.3% 73.3%
2021
16.4% 16.4% 83.1% 83.1%

Сабгрид

Customize Data
Вперше чую
Знаю
Використовував
2020
50.7% 50.7% 43.4% 43.4%
2021
30.2% 30.2% 57.3% 57.3% 12.7% 12.7%

Флексбокс

Customize Data
Вперше чую
Знаю
Використовував
2019
94.8% 94.8%
2020
97.5% 97.5%
2021
98.7% 98.7%

Мультиколонки CSS

Customize Data
Вперше чую
Знаю
Використовував
2019
40.9% 40.9% 28.3% 28.3% 31% 31%
2020
43.5% 43.5% 23.1% 23.1% 33.5% 33.5%
2021
37.2% 37.2% 24.1% 24.1% 38.8% 38.8%

Режими листа CSS

Customize Data
Вперше чую
Знаю
Використовував
2019
73.2% 73.2% 19.5% 19.5%
2020
67.5% 67.5% 21.8% 21.8% 10.8% 10.8%
2021
57.3% 57.3% 27.5% 27.5% 15.4% 15.4%
We asked members of the CSS community to share their “pick of the year”

My 2021 Pick: The CSS Paint API

The Paint API allows us to create images programmatically, to use in our CSS. It unlocks a whole world of creativity, and I am very excited about it!

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

George Francis

Developer, writer, and generative artist.

position: sticky

Customize Data
Вперше чую
Знаю
Використовував
2020
17.3% 17.3% 75.9% 75.9%
2021
13.5% 13.5% 83.5% 83.5%

Логічні властивості

Customize Data
Вперше чую
Знаю
Використовував
2020
56.5% 56.5% 32% 32% 11.6% 11.6%
2021
46.4% 46.4% 36.2% 36.2% 17.6% 17.6%

aspect-ratio

Customize Data
Вперше чую
Знаю
Використовував
2020
29.4% 29.4% 48.3% 48.3% 22.4% 22.4%
2021
16.9% 16.9% 46.1% 46.1% 37.1% 37.1%
💡

The Data tab lets you view the raw data for any chart, view it as JSON, or get a GraphQL query you can run against our public API.

content-visibility

Customize Data
Вперше чую
Знаю
Використовував
2020
40.8% 40.8% 36% 36% 23.4% 23.4%
2021
42.8% 42.8% 33.1% 33.1% 24.3% 24.3%

Gap property for flexbox

Customize Data
Вперше чую
Знаю
Використовував
2021
20.8% 20.8% 24.4% 24.4% 55% 55%

Break rules

Customize Data
Вперше чую
Знаю
Використовував
2021
56.6% 56.6% 19.4% 19.4% 24.2% 24.2%

Container Queries

Customize Data
Вперше чую
Знаю
Використовував
2021
40.5% 40.5% 54.2% 54.2%

Рекомендовані ресурси

CSS Grid & Flexbox for Responsive Layouts, v2

CSS Grid & Flexbox for Responsive Layouts, v2

Learn the essential CSS layout techniques for building responsive, beautiful web applications. You'll get hands-on practice using CSS Grid for two-dimensional, grid-based layouts and Flexbox for styling one-directional flow.
Спасибі нашим партнерам за підтримку! Детальніше.