| 属性名 |
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>項目１：<input type="text" class="sample" id="item1"></div> <div>項目２：<input type="text" class="sample" id="item2"></div> <div>項目３：<input type="text" class="sample" id="item3"></div>