Layout

How do you position elements on the screen?

Grid
Completion percentage: 94.9% (10906)
Completion percentage: 94.9% (10906)

Export
Percents%
CountΣ

2019

54.7% 54.7% 43.5% 43.5%

2020

73.3% 73.3% 25.6% 25.6%
استفاده کردم
میشناسمش
تا حالا نشنیدم

Subgrid
Completion percentage: 94.5% (10859)
Completion percentage: 94.5% (10859)

Export
Percents%
CountΣ

2020

43.3% 43.3% 50.6% 50.6%
استفاده کردم
میشناسمش
تا حالا نشنیدم

Flexbox
Completion percentage: 94.6% (10871)
Completion percentage: 94.6% (10871)

Export
Percents%
CountΣ

2019

94.7% 94.7%

2020

97.5% 97.5%
استفاده کردم
میشناسمش
تا حالا نشنیدم

Multi-Column Layout
Completion percentage: 94.3% (10837)
Completion percentage: 94.3% (10837)

Export
Percents%
CountΣ

2019

30.9% 30.9% 28.2% 28.2% 40.9% 40.9%

2020

33.4% 33.4% 23.1% 23.1% 43.5% 43.5%
استفاده کردم
میشناسمش
تا حالا نشنیدم

Writing Modes
Completion percentage: 94.5% (10855)
Completion percentage: 94.5% (10855)

Export
Percents%
CountΣ

2019

7.4% 7.4% 19.5% 19.5% 73.2% 73.2%

2020

10.7% 10.7% 21.8% 21.8% 67.5% 67.5%
استفاده کردم
میشناسمش
تا حالا نشنیدم
We asked members of the CSS community to share their “pick of the year”

My 2020 Pick: Container Queries

Container queries are a long-time awaited feature for us, and I’m thrilled that the Chrome team is working on support for it natively!

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

Ahmad Shadeed

Author of debuggingcss.com

Exclusions
Completion percentage: 94.2% (10830)
Completion percentage: 94.2% (10830)

Export
Percents%
CountΣ

2019

14.3% 14.3% 78.6% 78.6%

2020

11.2% 11.2% 12.3% 12.3% 76.4% 76.4%
استفاده کردم
میشناسمش
تا حالا نشنیدم

CSS position:sticky
Completion percentage: 94.4% (10853)
Completion percentage: 94.4% (10853)

Export
Percents%
CountΣ

2020

75.8% 75.8% 17.3% 17.3%
استفاده کردم
میشناسمش
تا حالا نشنیدم

CSS Logical Properties
Completion percentage: 94.3% (10837)
Completion percentage: 94.3% (10837)

Export
Percents%
CountΣ

2020

11.6% 11.6% 31.9% 31.9% 56.5% 56.5%
استفاده کردم
میشناسمش
تا حالا نشنیدم

CSS property: aspect-ratio
Completion percentage: 94.5% (10855)
Completion percentage: 94.5% (10855)

Export
Percents%
CountΣ

2020

22.4% 22.4% 48.3% 48.3% 29.4% 29.4%
استفاده کردم
میشناسمش
تا حالا نشنیدم

CSS content-visibility
Completion percentage: 94.5% (10865)
Completion percentage: 94.5% (10865)

Export
Percents%
CountΣ

2020

23.3% 23.3% 35.9% 35.9% 40.7% 40.7%
استفاده کردم
میشناسمش
تا حالا نشنیدم

Recommended Resources

CSS Grids and Flexbox for Responsive Web Design

Starting with a review of floats for context, but quickly moving into Flexbox and CSS grids, this essential course is for web developers that want to build responsive, beautiful web applications faster using less code and best practices.
Thanks to our partners for supporting us! Learn more.
« Previous: امکاناتNext: Shapes & Graphics »
گرافهای این سایت توسط Nivo. Hosted by Netlify.
سوال؟ مشکلی در برنامه دیده اید؟ تیکتی برای ما ایجاد کنید. به ما ملحق شوید Discord.
دکمه option/alt را برای فعالسازی مود ترجمه فشار دهید.