CSS - outline
概要
属性名 |
outline
outline-color
outline-width
outline-style
|
---|---|
値 |
outline: <color> || <style> || <width>
outline-color: <color>
outline-width: <width>
outline-style: <style>
|
初期値 | invert none medium |
適用可能要素 | すべての要素 |
継承 | 継承しない |
メディア | Visual |
サポート | C2 / e8 / Fx1.5 / Ch1 / Op7 / Sa1.2 |
説明
リンクやフォーム部品がフォーカス状態になった時に表示される薄い枠線の太さ、形式、色を指定します。それぞれの値は border を参照してください。
使用例
CSS
.sample:focus { outline: 3px solid #cc6666; }
HTML
<div>項目1:<input type="text" class="sample" id="item1"></div> <div>項目2:<input type="text" class="sample" id="item2"></div> <div>項目3:<input type="text" class="sample" id="item3"></div>
表示
項目1:
項目2:
項目3:
関連項目
borderリンク
- http://www.w3.org/TR/CSS2/ui.html#propdef-outline
- http://www.w3.org/TR/css3-ui/#outline-props
- http://momdo.github.io/css-ui/#outline-props
- https://developer.mozilla.org/ja/docs/Web/CSS/outline
- http://caniuse.com/#feat=outline
Copyright (C) 1997-2015 杜甫々
初版:1997年7月27日、最終更新:2015年10月25日
https://www.tohoho-web.com/css/prop/outline.htm