Index |
 |
HOME >
プログラムTOP >
資料集 >
CSS
|
|
CSS : 表示のプロパティ
■cursor :: カーソルの種類
- ●書式
- cursor : value
・value ... カーソルの種類を示す値
- ●設定値
- ・default ... 既定のカーソル。絶対値はブラウザに依存
・pointer ... リンクを示すカーソル
・crosshair ... 十字型のカーソル
・wait ... 時計型のカーソル
・help ... ヘルプを示すカーソル
・text ... テキストの現在位置を示すカーソル
・move ... 四方に矢印を持つカーソル
・n-resize ... 北側へのリサイズを示すカーソル
・s-resize ... 南側へのリサイズを示すカーソル
・w-resize ... 西側へのリサイズを示すカーソル
・e-resize ... 東側へのリサイズを示すカーソル
・ne-resize ... 北東へのリサイズを示すカーソル
・nw-resize ... 北西へのリサイズを示すカーソル
・se-resize ... 南東へのリサイズを示すカーソル
・sw-resize ... 南西へのリサイズを示すカーソル
・auto ... 状況に応じてブラウザが判断
・inherit ... 親要素に依存
*初期値 : auto
- ●対象要素
- ・すべての要素
・子要素への値の適用 : あり
- ●対応状況
| IE6.0 | IE5.5 | IE5.0 | NN7.x | Safari | MacIE5 | OP7.x |
| ○ | △ | △ | ○ | ○ | ○ | ○ |
・IE5.5とIE5.0では、pointerに対応していません。
■direction :: 文字の表示方向
- ●書式
- direction : value
・value ... 表示方向を示す値
- ●設定値
- ・ltr ... 左から右に表示
・rtl ... 右から左に表示
・inherit ... 親要素に依存
*初期値 : ltr
- ●対象要素
- ・すべての要素
・子要素への値の適用 : あり
- ●対応状況
| IE6.0 | IE5.5 | IE5.0 | NN7.x | Safari | MacIE5 | OP7.x |
| ○ | ○ | ○ | ○ | △ | × | × |
■display :: 表示の形式
- ●書式
- display : value
・value ... 表示形式を示す値
- ●設定値
- ・block ... ブロックレベル要素の形式で表示
・inline ... インライン要素の形式で表示
・list-item ... リスト要素の形式で表示
・none ... 表示しない
・inherit ... 親要素に依存
*初期値 : inline
- ●対象要素
- ・すべての要素
・子要素への値の適用 : なし
- ●対応状況
| IE6.0 | IE5.5 | IE5.0 | NN7.x | Safari | MacIE5 | OP7.x |
| △ | △ | △ | △ | △ | △ | △ |
・各ブラウザとも、フォーム関係の要素には適用されないことがあります。
■overflow :: はみ出す部分の表示方法
- ●書式
- overflow : value
・value ... はみ出す部分の表示方法を示す値
- ●設定値
- ・visible ... はみ出す部分を表示
・hidden ... はみ出す部分を非表示
・scroll ... はみ出す部分をスクロール可能にする
・auto ... 自動。ブラウザに依存
・inherit ... 親要素に依存
*初期値 : visible
- ●対象要素
- ・ブロックレベル要素、置換要素
・子要素への値の適用 : なし
- ●対応状況
| IE6.0 | IE5.5 | IE5.0 | NN7.x | Safari | MacIE5 | OP7.x |
| △ | △ | △ | ○ | ○ | △ | ○ |
・IEでは、visibleを指定すると、領域自体がはみ出した部分に合わせて拡張されます。
・MacIE5では、hiddenまたはscrollを指定すると、内容がすべて非表示となります。
■text-indent :: 一行目のインデント
- ●書式
- text-indent : value
・value ... インデントサイズ
- ●設定値
- ・数値 + 単位(%, em, ex, px, mm, cm, in, pc, pt）
・inherit ... 親要素に依存
*初期値 : 0
- ●対象要素
- ・ブロックレベル要素
・子要素への値の適用 : あり
- ●対応状況
| IE6.0 | IE5.5 | IE5.0 | NN7.x | Safari | MacIE5 | OP7.x |
| ○ | ○ | ○ | ○ | ○ | ○ | ○ |
■unicode-bidi :: 文字方向の組込と上書
- ●書式
- unicode-bidi : value
・value ... 文字方向を制御する値
- ●設定値
- ・embed ... unicodeの文字方向にdirecionの値を組み込む
・bidi-override ... unicodeの文字方向を無効化し、すべてにdirectionの値を適用する
・normal ... unicodeの文字方向に従う
・inherit ... 親要素に依存
*初期値 : normal
- ●対象要素
- ・すべての要素
・子要素への値の適用 : なし
- ●対応状況
| IE6.0 | IE5.5 | IE5.0 | NN7.x | Safari | MacIE5 | OP7.x |
| ○ | ○ | ○ | ○ | △ | × | × |
■visibility :: 可視・不可視
- ●書式
- visibility : value
・value ... 可視性を示す値
- ●設定値
- ・visible ... 可視
・hidden ... 不可視（透明の状態）
・collapse ... テーブルの行・列では詰められ、これ以外では不可視状態となる
・inherit ... 親要素に依存
*初期値 : visible
- ●対象要素
- ・すべての要素
・子要素への値の適用 : あり
- ●対応状況
| IE6.0 | IE5.5 | IE5.0 | NN7.x | Safari | MacIE5 | OP7.x |
| △ | △ | △ | △ | ○ | △ | ○ |
・IEでは、collapseに対応していません。
・NN7.xでは、collapseを指定しても領域が縮小してしまうことがあります。
■white-space :: 空白・タブ・改行の処理法
- ●書式
- white-space : value
・value ... 空白/タブ/改行の処理法を示す値
- ●設定値
- ・pre ... 半角スペース・タブ・改行をそのまま表示
・nowrap ... 改行無効。連続する半角SP・タブ・改行は半角SPに置換え
・nomal ... 領域長に応じて改行。連続する半角SP・タブ・改行は半角SPに置換え
・inherit ... 親要素に依存
*初期値 : normal
- ●対象要素
- ・すべての要素
・子要素への値の適用 : あり
- ●対応状況
| IE6.0 | IE5.5 | IE5.0 | NN7.x | Safari | MacIE5 | OP7.x |
| ○ | △ | × | ○ | ○ | ○ | ○ |
・IE5.5では、preには対応していません。
|
www.sasaraan.net |
(c) morijoh |
