outlineアウトラインのスタイル・太さ・色を指定する
対応ブラウザ
- IEMac
- Firefox1.5
- Firefox2
- Opera8
- Opera9
- Safari1
- Safari2
仕様
CSS Level2
値
値 | 内容 |
---|---|
スタイル | |
none | アウトラインは表示されず、太さも0です[初期値] |
solid | 1本線で表示する |
double | 2本線で表示する |
groove | 立体的に窪んだ線で表示する |
ridge | 立体的に隆起した線で表示する |
inset | 上と左が暗く、下と右が明るいボーダーが表示され、囲まれた領域が立体的に窪んだように表示される |
outset | 上と左が明るく、下と右が暗いボーダーが表示され、囲まれた領域全体が立体的に隆起したように表示される |
dashed | 破線で表示する |
dotted | 点線で表示する |
太さ | |
数値 | 数値にpxなどの単位をつけて指定する |
キーワードで指定 | thin(細い)、medium(普通)、thick(太い)のいずれか 実際に表示される太さはブラウザにより異なる |
色 | |
色コード | #000000、#000、blackなど色を指定する |
invert | 地の色を反転させた色にする |
アウトライン△上に戻る
outlineアウトラインのスタイル・太さ・色を指定する
outline-colorアウトラインの色を指定する
outline-styleアウトラインのスタイルを指定する
outline-widthアウトラインの太さを指定する
主要ブラウザに非対応