未分類 【HTML】detailsのname属性が便利！
<details>要素にname属性を与えます。同じname属性を持つ複数の<details>要素はセマンティックなグループを形成し、排他的アコーディオンとして振る舞います。つまり、<details>要素の1つを展開すると、他の展開していた...
2024-01
未分類 Web技術 【CSS】:has()擬似クラスが全てのブラウザでサポートされた
/* figcaptionがあるfigure要素を選択 */figure:has(> figcaption) {}/* svgの直接の子孫がないa要素を選択 */a:not(:has(> svg)) {}/* inputの直接の兄弟があるl...
Web技術 【css】背景画像を右から左に動かす方法（ループ）
.bg { width: 100%; height:256px; background: url("../img/bg_slides.png") repeat-x; background-position: 0 0; background-...