HTML & CSS

最終更新日:
公開日:

リファレンス

CSS

アウトライン

outlineプロパティ

アウトラインに関するoutline-styleプロパティoutline-widthプロパティoutline-colorプロパティの3つを一括指定するプロパティです。

  • 初期値

    各プロパティに準ずる

  • 継承

    不可

  • 適用できる要素

    全要素

指定できる値は各プロパティを参照してください。
なお、こちらのプロパティではoutline-offsetプロパティを指定することはできません。

上下左右の4辺全てに一括指定することしかできないため、borderプロパティのように特定の辺だけ指定するといったことはできません。


アウトラインは指定した要素の外側に線を敷くため、ボーダーよりも外側に表示されます。親要素のmarginプロパティpaddingプロパティの領域に重なる点に注意してください。

アウトラインの表示領域

アウトラインの色、太さ、スタイルを一括指定している例です。

CSSコード例

<style>
.element1 {
	outline: 5px solid #006ac3;
}
</style>
<p class="element1"></p>

表示例:

3つのプロパティを一括指定した例

こちらの記事は役に立ちましたか?

ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。

コメントありがとうございます!
運営の参考にさせていただきます。