12周年記念パーティ開催! 2024/5/10(金) 19:00

HTMLでダイアログを表現する

全2回

このシリーズでは、Webページでダイアログ要素を使えるようにするdialog要素を解説します。基本的な操作から、見た目や表示/非表示時のアニメーションなどのカスタマイズまで行ってみましょう。

後編 dialog要素のスタイリング

dialog要素を表示/非表示するだけでなく、背景色を変えたり、アニメーションをつけたりといったこともできます。こういった応用的なことも見てみましょう。

前編 dialog要素の基本

Webページで表示されるダイアログを、HTMLで簡単に表現できるようになるdialog要素。今回は基本的な使い方からフォームとの連携、showModal()の使用を学びます。