colgroup / col 要素を活用してみる | WWW WATCH

暮らしカテゴリーの変更を依頼記事元:

hyper-text.org

74 usersがブックマークコメント

コメント

9

記事へのコメント9件

注目コメント
新着コメント

kenjikana colgroup

2008/11/18 リンク

toton "colgroup 要素を使って列をグループ化した上でスタイルを指定してやれば簡単きれい。"

css

2008/10/14 リンク

webmarksjp markup

2008/07/13 リンク

contractio work] テーブルCSS

2008/02/19 リンク

picnicgraphic 「colgroup 要素、col 要素はどちらも caption 要素の後、thead 要素の前に記述/colgroup 要素とか col 要素へのスタイル指定、Safari だとあんまりうまくいかないみたい」

2007/06/27 リンク

Tadaki [colgroup/col][tips]

2007/05/28 リンク

hiro_y tableにおけるcolgroup/col要素の使い方。

css

2007/05/27 リンク

mitsugusakamoto 表の書き方のはなし

XHTML

2007/05/27 リンク

kits 1行目のtr内は全部thなのでは。/ 左上のthがブラウザからセレクタに変更されたが、やはり E とか E > F とかはthのような(値ではなくプロパティだと思うので)。

html

2007/05/27 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

colgroup / col 要素を活用してみる | WWW WATCH

table 関連の要素とか属性っていろいろあるにもかかわらず、結構使われていないなと思ったり。上手にマ... table 関連の要素とか属性っていろいろあるにもかかわらず、結構使われていないなと思ったり。上手にマークアップしておけば、アクセシビリティ的にも優れた表組み... table 関連の要素とか属性っていろいろあるにもかかわらず、結構使われていないなと思ったり。上手にマークアップしておけば、アクセシビリティ的にも優れた表組みが再現できるだけでなく、CSS で見た目をいじるときにも、無駄に class 属性なんかをつける必要もなかったりと、いろいろ良い事あるのになということで、今回はその中から colgroup 要素と col 要素について書いてみることにします。例えば上記サンプルのような表を作りたいと思ったとき、列方向（縦方向）のセルに背景色を指定するためだけに class 属性を付けていったりするのは面倒だしスマートじゃない。サンプルのように列方向の各データが構造的にグループ化で

ブックマークしたユーザー

kiriya_hazime2013/07/20
ruedap2013/06/13
laccoacco5552012/08/13
Ehren2011/05/14
yue23232009/12/09
yhmt2009/11/19
U-82009/11/19
npmeOrg2009/08/21
mimimi01012009/08/08
tk782009/07/23
kyompi2009/01/07
kenjikana2008/11/18
toton2008/10/14
webmarksjp2008/07/13
messiquo2008/04/11
site1592008/03/04
contractio2008/02/19
sabro2007/08/26

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - 暮らし

いま人気の記事 - 暮らしをもっと読む

新着記事 - 暮らし

新着記事 - 暮らしをもっと読む

設定を変更しましたx