機能Shapes & Graphics
日本語
ČeskyDeutschEnglishEspañolفارسیFrançaisHindiItalianoPortuguêsРусскийУкраїнськаSvenskaTürkçeIndonesia简体中文正體中文日本語
Completion percentage: 46%
Completion percentage: 46%
Completion percentage: 60%
Completion percentage: 60%
Completion percentage: 67%
Completion percentage: 67%
Completion percentage: 18%
Completion percentage: 18%
Completion percentage: 42%
Completion percentage: 42%
Completion percentage: 16%
Completion percentage: 16%
Completion percentage: 44%
Completion percentage: 44%
Completion percentage: 39%
Completion percentage: 39%
Completion percentage: 84%
Completion percentage: 84%
Completion percentage: 84%
Completion percentage: 84%
Completion percentage: 37%
Completion percentage: 37%
Completion percentage: 66%
Completion percentage: 66%
Completion percentage: 39%
Completion percentage: 39%
Completion percentage: 51%
Completion percentage: 51%
Completion percentage: 73%
Completion percentage: 73%
Completion percentage: 36%
Completion percentage: 36%
Layout
How do you position elements on the screen?
GridCompletion percentage: 94.9% (10906)Completion percentage: 94.9% (10906)
Completion percentage: 94.9% (10906)
Completion percentage: 94.9% (10906)
Export
Percents%
CountΣ
2019
2020
| 使った | |
| 知っている | |
| 知らない |
SubgridCompletion percentage: 94.5% (10859)Completion percentage: 94.5% (10859)
Completion percentage: 94.5% (10859)
Completion percentage: 94.5% (10859)
Export
Percents%
CountΣ
2020
| 使った | |
| 知っている | |
| 知らない |
FlexboxCompletion percentage: 94.6% (10871)Completion percentage: 94.6% (10871)
Completion percentage: 94.6% (10871)
Completion percentage: 94.6% (10871)
Export
Percents%
CountΣ
2019
2020
| 使った | |
| 知っている | |
| 知らない |
Multi-Column LayoutCompletion percentage: 94.3% (10837)Completion percentage: 94.3% (10837)
Completion percentage: 94.3% (10837)
Completion percentage: 94.3% (10837)
Export
Percents%
CountΣ
2019
2020
| 使った | |
| 知っている | |
| 知らない |
Writing ModesCompletion percentage: 94.5% (10855)Completion percentage: 94.5% (10855)
Completion percentage: 94.5% (10855)
Completion percentage: 94.5% (10855)
Export
Percents%
CountΣ
2019
2020
| 使った | |
| 知っている | |
| 知らない |
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
ExclusionsCompletion percentage: 94.2% (10830)Completion percentage: 94.2% (10830)
Completion percentage: 94.2% (10830)
Completion percentage: 94.2% (10830)
Export
Percents%
CountΣ
2019
2020
| 使った | |
| 知っている | |
| 知らない |
CSS position:stickyCompletion percentage: 94.4% (10853)Completion percentage: 94.4% (10853)
Completion percentage: 94.4% (10853)
Completion percentage: 94.4% (10853)
Export
Percents%
CountΣ
2020
| 使った | |
| 知っている | |
| 知らない |
CSS Logical PropertiesCompletion percentage: 94.3% (10837)Completion percentage: 94.3% (10837)
Completion percentage: 94.3% (10837)
Completion percentage: 94.3% (10837)
Export
Percents%
CountΣ
2020
| 使った | |
| 知っている | |
| 知らない |
CSS property: aspect-ratioCompletion percentage: 94.5% (10855)Completion percentage: 94.5% (10855)
Completion percentage: 94.5% (10855)
Completion percentage: 94.5% (10855)
Export
Percents%
CountΣ
2020
| 使った | |
| 知っている | |
| 知らない |
CSS content-visibilityCompletion percentage: 94.5% (10865)Completion percentage: 94.5% (10865)
Completion percentage: 94.5% (10865)
Completion percentage: 94.5% (10865)
Export
Percents%
CountΣ
2020
| 使った | |
| 知っている | |
| 知らない |
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.