CSS アウトライン オフセット プロパティ
翻訳結果：
概要
概要
英国[ˈaʊtlaɪn] 米国[ˈaʊtˌlaɪn]
オフセット
オフセット
UK[ˈɒfset] US[ˈɔ:fset]
CSS アウトライン オフセット プロパティ構文
outline-offset 属性を使用するにはどうすればよいですか?
outline-offset プロパティは、アウトラインと境界線の端の間の距離を設定します。基本構文: アウトライン-オフセット:長さ; は、アウトラインと境界線の間の距離が長さであることを示します。長さの単位には、絶対単位 (px など) または相対単位 (% など) を使用できます。
関数: outline-offset プロパティは、アウトラインをオフセットし、境界線の端に描画します。アウトラインは 2 つの点で境界線と異なります。アウトラインはスペースをとらないこと、およびアウトラインは長方形でなくてもよいことです。
構文: outline-offset: length|inherit;
説明: length アウトラインと境界エッジ距離。 Inherit は、outline-offset 属性の値を親要素から継承することを指定します。
注: Internet Explorer を除くすべての主要なブラウザは、outline-offset 属性をサポートしています。
CSS アウトライン オフセット プロパティ例
<!DOCTYPE html>
<html>
<head>
<style>
div{
margin:20px;
width:150px;
padding:10px;
height:70px;
border:2px solid black;
outline:2px solid red;
outline-offset:15px;}
</style>
</head>
<body>
<p><b>注释：</b>Internet Explorer 和 Opera 不支持 support outline-offset 属性。</p>
<div>这个 div 在边框边缘之外 15 像素处有一个轮廓。</div>
</body>
</html>インスタンスの実行 »
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します