CSSのアウトラインカラープロパティの使い方-CSSチュートリアル-php.cn

CSSのアウトラインカラープロパティの使い方

青灯夜游

リリース： 2019-05-28 10:06:04

オリジナル

3038 人が閲覧しました

アウトラインは、要素の周囲に描かれた線であり、境界線の端の外側に位置します。アウトラインカラー属性は、要素のアウトライン全体の表示部分の色を設定するために使用されます。アウトラインスタイル属性は常にアウトラインカラー属性よりも前に宣言する必要があり、アウトラインが形成されるまで要素の色を変更することはできません。

CSSのアウトラインカラープロパティの使い方

CSS のアウトラインカラープロパティを使用するにはどうすればよいですか?

outline-color プロパティは、要素のアウトライン全体の表示部分の色を設定します。アウトラインスタイルを none にすることはできないことに注意してください。それ以外の場合、アウトラインは表示されません。

注:

常に、outline-color 属性の前に、outline-style 属性を宣言します。要素の輪郭の色は、輪郭を取得した後にのみ変更できます。

注:

outline は要素の周囲のマージンですが、別の border 属性から取得されます。

アウトラインは要素の寸法の一部ではないため、要素の幅と高さのプロパティにはアウトラインの幅は含まれません。輪郭はスペースをとらないため、必ずしも長方形である必要はありません。

css アウトラインカラープロパティの例

<!DOCTYPE>
<html>

	<head>
		<meta charset="UTF-8">
		<style type="text/css">
			p {
				border: red solid thin;
				outline-style: dotted;
				outline-color: #00ff00;
			}
		</style>
	</head>

	<body>
		<p><b>注释：</b>只有在规定了 !DOCTYPE 时，Internet Explorer 8 （以及更高版本） 才支持 outline-color 属性。</p>
	</body>

</html>

ログイン後にコピー

レンダリング:

CSSのアウトラインカラープロパティの使い方