HTML5に関するq-Anomalyのブックマーク (1)

  • CSSすら不要!detailsとsummaryタグで作る簡単アコーディオン

    2018年11月14日 CSS, HTML 長い文章や補足説明をアコーディオン(折りたたみ)にしたい時ってありますよね。そんな時に使える details と summary タグを紹介します。CSSなしでも実装できますが、CSSを加えてより素敵な表現をする方法も挑戦しましょう! ↑私が10年以上利用している会計ソフト! detailsとsummaryタグの基的な使い方 details タグで囲んだ部分がアコーディオンとして設定されます。その中に summary タグで最初から表示させておきたい部分を囲めば完成! summary タグの部分をクリックすると、詳細文が表示されます。 HTML <details> <summary>Adobe Photoshop</summary> 画像編集ソフト。写真やイラスト、3Dアートワークの作成、webサイトやモバイルアプリのデザイン、動画編集や描画な

    CSSすら不要!detailsとsummaryタグで作る簡単アコーディオン
  • 1