CSSのアウトラインとは何ですか-フロントエンドQ&A-php.cn

CSSのアウトラインとは何ですか

青灯夜游

リリース： 2022-07-27 20:39:25

オリジナル

5212 人が閲覧しました

CSS では、アウトラインとは要素の輪郭を設定する属性を指し、要素の輪郭のスタイル、色、幅を指定できます。アウトラインは省略表現の属性です。1 つのステートメントでスタイル、色、幅を順番に同時に設定できます。構文は "outline:outline-color アウトラインスタイルアウトライン-幅;" です。いずれかの値が設定されていない場合は、、エラーは発生しません。

CSSのアウトラインとは何ですか

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

CSS アウトライン (アウトライン)

アウトライン (アウトライン) は、境界線の外側にある要素の周囲に引かれる線です。要素の役割を強調することができます。

アウトライン (アウトライン) 属性は、要素のアウトラインのスタイル、色、幅を指定します。

CSSのアウトラインとは何ですか

#outline 短縮プロパティは、1 つの宣言ですべてのアウトラインプロパティを設定します。

設定できる属性は (順番に)、outline-color、outline-style、outline-width

## です。 # 説明境界線の色を指定します。境界線のスタイルを指定します。境界線の幅を指定します。

Value
#outline-color
outline-style
outline-width

いずれかの値を設定しなくても問題ありません。たとえば、

outline:solid #ff0000; などでも構いません。

例: 要素の周囲のアウトラインの設定

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			p {
				border: 1px solid red;
				outline: green dotted thick;
			}
		</style>
	</head>

	<body>
		<p>测试文本， outline属性样式。</p>
	</body>
</html>

ログイン後にコピー

CSSのアウトラインとは何ですか