(0 0 0 / 0.1); /* 若干影つける */ } .receipt > * { opacity: 0.9; /* テキストやボーダーを全部若干薄めにする */ mix-blend-mode: multiply; /* 乗算(あんま変わらないけど・・・) */ } .receipt > table { border-top: 2px dotted #333333; /* ドットの線 */ ...
これは何CSS Advent Calendar 2022の参加記事です!CSSでテキストの折り返し指定をする時に毎回「結局何を指定すればいいんだっけ..」と悩むので、折り返し指定について改めて調…
display:table-cell;は行を改める場合にdisplay:table-row;(もしくはdisplay:table;で仕切りなおすか)が必須になるので、デバイス対応で必要となるレイアウトの柔軟性が欠けています。 もちろんJSで<ul>タグ(display:table;を指定)をブレイクポイントで動的に区切ってやれば実装可能ですが、モジュ...