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>項目１：<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>
表示
項目１：
項目２：
項目３：

関連項目

border

リンク

Copyright (C) 1997-2015 杜甫々
初版：1997年7月27日、最終更新：2015年10月25日
https://www.tohoho-web.com/css/prop/outline.htm