属性名 |
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 を参照してください。
.sample:focus { outline: 3px solid #cc6666; }
<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>