CSS アウトライン オフセット
CSS アウトライン オフセット
outline-offsetプロパティは、アウトラインと要素のedge/borderの間にスペースを追加します。要素とそのアウトラインの間のスペースは透明です。
次の例では、borderの外側に15pxのアウトラインを指定しています。
この段落には、borderの外側15pxにアウトラインがあります。
次の例は、要素とそのアウトラインの間のスペースが透明であることを示しています。
この段落には、borderの外側に15ピクセルのアウトラインがあります。
例
p {
margin: 30px;
background: yellow;
border: 1px solid black;
outline: 1px solid red;
outline-offset: 15px;
}
すべてのCSSアウトラインプロパティ
|
プロパティ |
説明 |
|---|---|
| outline | outline-width、outline-style、outline-colorを1つの宣言で設定するための一括指定プロパティ |
| outline-color | アウトラインの色を設定します |
| outline-offset | アウトラインと要素のedgeまたはborderの間のスペースを指定します |
| outline-style | アウトラインのスタイルを設定します |
| outline-width | アウトラインの幅を設定します |
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。