細かすぎて伝わらないCSS機能
疑似要素
:in-range
max/minの値の間かどうかで出し分け出来るやつ
:out-of-range
:intermediate
単位
turn
0.5turn = 180度
0.125 = 45度
Hz, kHz
何に使うのまじで
property
empty-cells
空要素のとき隠す出すみたいなやつ
text-rendering
optimizeSpeed / optimizeLegibility / geometricPrecision
文字組みをめっちゃ気にするときかパフォーマンスを気にしたいときに使えるかも
text-decoration-style
wavyがなかなか知らなかったけど良さそう
place-content
align-content および justify-content の一括指定
楽じゃん
resize
「横だけ」「縦だけ」「どっちも」でボックスサイズ変更させられる
tab-size
スペース派負けてしまう
isolation
offset-path
offset-difference
progress barとかに使えそう
shape-outside
値
element()
ID指定した要素を背景画像とかにするらしい。マジでか
firefoxのみ
counters()
カウンターをcssで作るっぽい。
若干メジャー?
counter-increment / counter-reset と併せて使う
fit-content()
明らかに便利
currentColor
絶対に便利
media-query
@left-bottom
@pageで使う
@supports
これもメジャーかも。
だいぶ便利さあるはず