× 無料のユーザー登録をすると学習状況を管理することができるようになります

#19 display:tableを使ってみよう

さて、display プロパティですが table という値もよく使うので、今回それについて見ていきましょう。
これを使うと表組みのようなレイアウトを簡単に実現することができます。

表組みのようなレイアウトを実現するdisplay:tableについて説明していきます。

  • display:table
  • display:table-cell
  • display:table-row

このレッスンでは CSS 2.1 を使用しています。

このレッスンの問題を報告する

この動画に関する、よくある質問はまだありません。

HTML入門、CSS入門、JavaScript入門の素材ファイルはサンプルとして公開中です。

HTML入門、CSS入門、JavaScript入門のソースコードはサンプルとして公開中です。

このレッスンの問題を報告する

HTML入門、CSS入門、JavaScript入門のデモはサンプルとして公開中です。

先生に質問してみよう (試験運用中)