Firefox 3が対応したdisplayプロパティの値(3) - inline-table
エ・ビスコム・テック・ラボ
2008/05/16 13:11
2回に渡って紹介してきたdisplayプロパティの値「inline-block」。今回は「inline-table」を紹介しよう。
前々回、前回と、Firefox 3が対応したdisplayプロパティの値「inline-block」を紹介してきた。今回は、Firefox 3が対応したもう1つの値「inline-table」を紹介する。「inline-table」には、SafariやOperaに加えて、Internet Explorer 8(ベータ版)も対応しているので、各ブラウザでの表示も確認していきたい。
テーブル関連のボックス
HTML/XHTMLではタグでマークアップした部分が四角形のボックスとなる。inline-tableボックスはCSS 2から追加されたテーブル関連のボックスの1つだ。テーブル関連では次の10種類のボックスが用意されている。
| ボックスの種類 | 特徴 | 関連タグ |
|---|---|---|
| table | ブロックボックスとしてテーブルを構成する | <table> |
| inline-table | インラインボックスとしてテーブルを構成する | <table> |
| table-row | 行を構成 | <tr> |
| table-cell | セルを構成 | <td>, <th> |
| table-row-group | 行のグループを構成 | <tbody> |
| table-header-group | ヘッダー行のグループを構成 | <thead> |
| table-footer-group | フッター行のグループを構成 | <tfoot> |
| table-column | 列を構成 | <col> |
| table-column-group | 列のグループを構成 | <colgroup> |
| table-caption | キャプションを構成 | <caption> |
基本的なテーブルはHTML/XHTMLの<table>、<tr>、<td>タグを使用して作成する。このとき、<table>はテーブルを構成するtableボックス、<tr>は行を構成するtable-rowボックス、<td>はセルを構成するtable-cellボックスとなり、ボックスの組み合わせでテーブルの形が作成される。
テーブルを構成するボックス
<table> <tr> <td>あ</td><td>い</td><td>う</td><td>え</td><td>お</td> </tr> <tr> <td>か</td><td>き</td><td>く</td><td>け</td><td>こ</td> </tr> <tr> <td>さ</td><td>し</td><td>す</td><td>せ</td><td>そ</td> </tr> </table>
tableボックスとinline-tableボックス
- 特集: FirefoxとSafariのCSS徹底検証 (59件)
- ホワイトペーパー
- 企画特集
そのストレージで仮想化に対応できますか?
SOA、BPM、SaaS −今、企業に必要なこと
ロリポップ!がリニューアル
中小企業のセキュリティリスクとは?
【徹底対談】運用管理ツールの賢い使い方
パンデミック対策特集
集積度も性能も、業界最高水準のブレードPC
仮想環境を実現するソリューション特集
ESBでIT投資の無駄を劇的に解消する
御社のログ活用しませんか!?
インターネット上の悪意を未然に防ぐには?
セキュリティ&ユーザ事例【SIer Club】
今注目の「サジェスト検索」−デモ掲載中
◆エン・ジャパン厳選求人☆毎週更新◆
ストレージメディア特設サイト開設
- サーバー監視・運用のコストを削減するには
- ■ストレージ容量50%削減保証■
- エンタープライズにおけるSUSEの強み
- サービス・ドリヴン・データセンター
- 話題のタグ
PHP
Safari
脆弱性
WebKit
Mozilla
SOA
iPhone 3G
iPhone
Linux
Chrome
Adobe
Windows 7
Google
プログラミング言語
小技
Flash
Tips
Webデザイン
iPod touch
Database
開発環境
Internet Explorer
Mac OS X
UI
Java
ブラウザ
Webサービス
セキュリティ
モバイル
Firefox
オープンソース
Microsoft
ソフトウェア開発
Opera
リファレンス
CSS
JavaScript
Ajax
Windows Vista
Off Topic
仮想化
データベース
ツール
Windows
HTML
アプリケーション
RIA
OS
Firefox 3
Apple
話題のタグを見る »
Windows 7はLinuxへの切替が簡単:注目の仮想ディスクフォーマット「VHD」
iPhone OS 3.0で変わった「絵文字」
OSSのクラウド基盤「Eucalyptus」を使う(4)--インストール〜ノード構築
俳優経験者が指南する「人前で上手く話すためのティップス10選」
「うるまでるびペイント」登場:絵は上手下手ではなく制作過程に楽しみが
待てば回路の日和あり--「iPhone 3GS」発売、しかし――