CSS - outline

トップ > 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

リンク


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