機能

CSSはここ数年、新しい機能が急増しています。新しいプロパティが使われるまでには時間がかかるので、機能の普及は少し遅れてやってくるでしょう。

このチャートは各機能の採用度合いを示しています。各機能はカテゴリごとに分けられています。

外の円は機能を知っている人の数を、内の円は実際に使った人の数をそれぞれ表します。

回答者の人数など詳細は、ノードにカーソルをあわせると表示されるオーバーレイから確認できます。

レイアウトシェイプ&グラフィクスインタラクションタイポグラフィアニメーション&トランスフォームメディアクエリーそのほかの機能GridGridSubgridSubgridFlexboxFlexboxMulti-Column LayoutMulti-Column LayoutWriting ModesWriting ModesExclusionsExclusionsCSS position:stickyCSS position:stickyCSS Logical PropertiesCSS Logical PropertiesCSS property: aspect-ratioCSS property: aspect-ratioCSS content-visibilityCSS content-visibilityShapesShapesobject-fitobject-fitclip-pathclip-pathMaskingMaskingblend-modeblend-modeFilters & EffectsFilters & Effectsbackdrop-filterbackdrop-filterScroll SnapScroll Snapoverscroll-behavioroverscroll-behavioroverflow-anchoroverflow-anchortouch-actiontouch-actionpointer-eventspointer-events@font-face @font-face Line Breaking PropertiesLine Breaking Propertiesfont-variantfont-variantinitial_letterinitial_letterfont-variant-numericfont-variant-numericfont-displayfont-displayline-clampline-clampTransitionsTransitionsTransformsTransformsAnimationsAnimationsPerspectivePerspectiveprefers-reduced-motionprefers-reduced-motionprefers-color-schemeprefers-color-schemecolor-gamutcolor-gamutVariablesVariables@supports@supportsContainContainwill-changewill-changecalc()calc()CSS HoudiniCSS HoudiniCSS Comparison FunctionsCSS Comparison Functions
知っている
使ったことがある

アンケートで取り上げたCSSの機能を回答者がどのくらい知っていたか。

0%3%7%10%13%17%ユーザーの割合(%)0-10%10-20%20-30%30-40%40-50%50-60%60-70%70-80%80-90%90-100%知識の度合い0%3%7%10%13%17%2.6%2.6%5.1%5.1%5%5%9.1%9.1%11.9%11.9%16.7%16.7%16.1%16.1%14%14%13.2%13.2%5.5%5.5%

おすすめのリソース

Learn CSS, from Laying Out Websites to Performant Animations

CSS is rich in capabilities and is more than simply laying out pages! Replace costly JavaScript with CSS.
パートナーのサポートに感謝しています! 詳細をみる。