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