いざという時に使える10のHTML&CSS Tips集vol.3 | ウェブサイト制作事務所corto

覚えておくと便利なHTML＆CSS Tips集の第3弾です。 今回は、知っておくと役立つTipsを10件、動くデモとともに紹介します。一部のブラウザのみに対応している機能も含まれるため、各節にCan I useで確認した対応状況（2026年11月時点）を記載しました。 details要素で1つだけ開くアコーディオン 同じ name 属性を指定した <details> 要素は、1つを開くとほかの要素が自動で閉じます。HTMLのみでFAQなどのアコーディオンを作成できます。 name 属性を指定しない場合は、それぞれの要素が個別に開きます。デモでは3つの質問を用意しており、1つを開くとほかが閉じる動きを確認できます。 <details name="faq"> <summary>途中でプランを変更できますか？</summary> <p>はい。変更はその日から反映されます。</p> </detai

[syu-m-5151]

iframeの高さ調整がCSSで済む、で話を止めない。埋込側の許可が必要で、動的な変更には通知も要る。親のコードを減らせても、相手との約束は消えない。対応ブラウザを揃えられる場面から試すのがよさそう。

[nacika_inscatolare]

#CSS #HTML

[accent_32]

firefoxのサポート少ないな・・・。