displayプロパティを使ってレスポンシブウェブデザインのtableレイアウトを変化させてみる | バシャログ。

こんにちは。まだ何一つ夏を感じていないmackyです。 今日は、RWDでdisplayプロパティを使ってtableレイアウトのデザインを変化させる方法をまとめてみました。 RWDでテーブルレイアウトを定義リスト風に変化させてみよう tableタグのdisplayの値はデフォルトではtable、thとtdタグはtable-cellとなっていますが、この値をblockやlist-itemなど他の値に変えてみます。 (1) (2) (1)の状態から(2)の状態へデザインを変化させます。 メディアクエリ―を使ってブレイクポイント（480px）を設定し、その中に上書きするCSSを書いていきます。 今回はこんな感じです。 HTML <table border="1" cellpadding="5" cellspacing="0"> <tr> <th>項目A</th> <td>この文章はダミーです。</

[cachico]

isplayプロパティを使ってレスポンシブウェブデザインのtableレイアウトを変化

[shinpiece]

displayプロパティ レスポンシブデザイン tableレイアウト

[webskillup]

これはいいかも

[hr07jp]

displayプロパティを使ってレスポンシブウェブデザインのtableレイアウトを変化させてみる