رفتن مستقیم به محتوا

State of CSS 2022

[fa-IR] general.back_to_intro

طرح بندی

چگونه عناصر را روی صفحه نمایش قرار می دهید؟

Subgrid

Comments126
Compare Data
14114 question respondents (98.7% completion percentage)
تابحال نشنیدم
دربارش میدونم
ازش استفاده کردم

CSS Writing Modes

Comments24
Compare Data
14068 question respondents (98.4% completion percentage)
تابحال نشنیدم
دربارش میدونم
ازش استفاده کردم
💡
The Comment tab lets you view comments left by survey respondents as they were filling out the survey.

Logical Properties

Comments33
Compare Data
<code>margin-block-start</code>, <code>padding-inline-end</code>, etc.
13997 question respondents (97.9% completion percentage)
تابحال نشنیدم
دربارش میدونم
ازش استفاده کردم

aspect-ratio

Comments28
Compare Data
14000 question respondents (97.9% completion percentage)
تابحال نشنیدم
دربارش میدونم
ازش استفاده کردم

content-visibility

Comments17
Compare Data
13891 question respondents (97.1% completion percentage)
تابحال نشنیدم
دربارش میدونم
ازش استفاده کردم

Gap property for flexbox

Comments45
Compare Data
13993 question respondents (97.8% completion percentage)
تابحال نشنیدم
دربارش میدونم
ازش استفاده کردم

Container Queries

Comments50
Compare Data
<code>@container</code> query
13938 question respondents (97.5% completion percentage)
تابحال نشنیدم
دربارش میدونم
ازش استفاده کردم
We asked members of the CSS community to share their “pick of the year”

My 2022 Pick: CSS Subgrid

CSS Subgrid allows child elements to inherit their parents grid properties. Soon, it will be much easier to lay elements out to the same grid lines across the entire page.

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

David East

Advocate for building on the web

object-view-box

Comments14
Compare Data
13870 question respondents (97% completion percentage)
تابحال نشنیدم
دربارش میدونم
ازش استفاده کردم

Small, Large, and Dynamic Viewport Units

Comments21
Compare Data
13864 question respondents (96.9% completion percentage)
تابحال نشنیدم
دربارش میدونم
ازش استفاده کردم

Media Queries Range Contexts

Comments25
Compare Data
13858 question respondents (96.9% completion percentage)
تابحال نشنیدم
دربارش میدونم
ازش استفاده کردم

Recommended Resources

CSS Grid & Flexbox for Responsive Layouts, v2
Jen Kramer

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.
Thanks to our partners for supporting us! Learn more.