メインコンテンツにスキップ

State of CSS 2023

そのほかの機能

そのほかのCSSの機能。

CSS Variables (カスタムプロパティ)

Comments19
Compare Data
回答者数：6802（完了度74.1％）
 知らない
 知っている
 使ったことがある
We asked members of the CSS community to share their “pick of the year”

My 2023 Pick: text-wrap: balance

Headlines should dazzle and read like a breeze, even if screens play hard to predict. I've battled those annoying solo words at line's end (hello, widow words!), but guess what? Enter text-wrap: balance – one-liner-fix wizardry that's pure magic!

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

Ahmad Awais

VP DevRel & Google Developers Advisory Board founding member

フィーチャークエリー (@supports)

Comments9
Compare Data
回答者数：6787（完了度73.9％）
 知らない
 知っている
 使ったことがある

CSS比較関数

CSS Comparison Functions
Comments7
Compare Data
min(), max(), clamp()
回答者数：6795（完了度74％）
 知らない
 知っている
 使ったことがある
CSS Comparison Functions

Houdiniカスタムプロパティ

Comments16
Compare Data
@property
回答者数：6781（完了度73.8％）
 知らない
 知っている
 使ったことがある

::marker疑似要素

Comments12
Compare Data
回答者数：6791（完了度73.9％）
 知らない
 知っている
 使ったことがある

:has()

Comments38
Compare Data
回答者数：6797（完了度74％）
 知らない
 知っている
 使ったことがある

:where()

Comments8
Compare Data
回答者数：6801（完了度74.1％）
 知らない
 知っている
 使ったことがある

Cascade Layers

Cascade Layers
Comments16
Compare Data
回答者数：6788（完了度73.9％）
 知らない
 知っている
 使ったことがある
Cascade Layers

Shadow DOM Features

Comments8
Compare Data
回答者数：6785（完了度73.9％）
 知らない
 知っている
 使ったことがある

Trigonometric Functions

Trigonometric Functions
Comments8
Compare Data
回答者数：6775（完了度73.8％）
 知らない
 知っている
 使ったことがある
Trigonometric Functions

CSS Nesting

Comments65
Compare Data
Native CSS nesting, excluding pre- or post-processors.

    Useful Links

    回答者数：6793（完了度74％）
    		 知らない
    		 知っている
    		 使ったことがある

    image-set()

    Comments8
    Compare Data
    回答者数：6786（完了度73.9％）
    		 知らない
    		 知っている
    		 使ったことがある

    image()

    Comments8
    Compare Data
    回答者数：6768（完了度73.7％）
    		 知らない
    		 知っている
    		 使ったことがある

    Individual Transform Properties

    Individual Transform Properties
    Comments16
    Compare Data
      回答者数：6784（完了度73.9％）
      		 知らない
      		 知っている
      		 使ったことがある
      Individual Transform Properties

      おすすめのリソース

      Dynamic CSS with Custom Properties (aka CSS Variables)
      Lea Verou
      MIT

      Dynamic CSS with Custom Properties (aka CSS Variables)

      Modern browsers ship with CSS Custom Properties, also known as “CSS variables”, a superpower that enables us to create reusable components without any JavaScript dependencies needed
      パートナーのサポートに感謝しています！ 詳細をみる。