menu
menu

キーワード検索

 

最近の投稿

outline(フォーム)【CSSリファレンス】

  • CSS

outline

こんにちは(・∀・)

CSSプロパティのご紹介です。今回ご紹介するCSSプロパティはフォームで使用する場合のoutlineです。

概要

outlineプロパティを使用してフォームのアウトラインに関する設定をまとめて指定します。


.sample {
	outline: 2px solid #d49fc2;
}
適用要素

すべての要素

指定できる値

outline-colorプロパティで指定する値
outline-widthプロパティで指定する値
outline-styleプロパティで指定する値

初期値

outline-color、colorプロパティの値
outline-width、medium
outline-style、none

サンプルデモ

クリックしてフォーカスしてみて。

HTML

<p><input type="text"></p>
CSS

input:focus {
	outline: 2px dashed #d49fc2;
}
  • カテゴリー:CSS