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

そのほかの機能

そのほかのCSSの機能。

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

Comments19
Compare Data
知らない
知っている
使ったことがある
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
知らない
知っている
使ったことがある
CSS Comparison Functions
Comments7
Compare Data
min(), max(), clamp()
知らない
知っている
使ったことがある
CSS Comparison Functions

Houdiniカスタムプロパティ

Comments16
Compare Data
@property
知らない
知っている
使ったことがある

::marker疑似要素

Comments12
Compare Data
知らない
知っている
使ったことがある
Comments38
Compare Data
知らない
知っている
使ったことがある
Comments8
Compare Data
知らない
知っている
使ったことがある
Cascade Layers
Comments16
Compare Data
知らない
知っている
使ったことがある
Cascade Layers

Shadow DOM Features

Comments8
Compare Data
知らない
知っている
使ったことがある

Trigonometric Functions

Trigonometric Functions
Comments8
Compare Data
知らない
知っている
使ったことがある
Trigonometric Functions
Comments65
Compare Data
Native CSS nesting, excluding pre- or post-processors.
知らない
知っている
使ったことがある
Comments8
Compare Data
知らない
知っている
使ったことがある
Comments8
Compare Data
知らない
知っている
使ったことがある

Individual Transform Properties

Individual Transform Properties
Comments16
Compare Data
知らない
知っている
使ったことがある
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
パートナーのサポートに感謝しています! 詳細をみる。