TECH I.S.

CSS アウトライン オフセット


CSS アウトライン オフセット

outline-offsetプロパティは、アウトラインと要素のエッジ/境界線の間にスペースを追加します。要素とそのアウトラインの間のスペースは透明です。

次の例では、境界線の外側に 15 ピクセルのアウトラインを指定しています。

この段落には、境界線の外側 15px にアウトラインがあります。

p {   margin: 30px;   border: 1px solid black;   outline: 1px solid red; outline-offset: 15px; }

自分で試してみる »

次の例は、要素とそのアウトラインの間のスペースが透明であることを示しています。

この段落には、境界線の外側に 15 ピクセルのアウトラインがあります。

p {   margin: 30px;   background: yellow;   border: 1px solid black;   outline: 1px solid red;   outline-offset: 15px; }

自分で試してみる »



演習で自分自身をテストする

エクササイズ:

ソリッドを設定、5px*概要*<div> 要素の境界線。

<style>div {  : solid;  : 5px;}</style>    <body>    <div>Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do eiusmod tempor incididuntut labore et dolore magna aliqua.</div>    </body></pre>

演習を開始する


すべての CSS アウトライン プロパティ

財産

説明

概要 アウトラインの幅、アウトラインのスタイル、および 1 つの宣言でのアウトライン色
輪郭色 アウトラインの色を設定します
アウトラインオフセット アウトラインと要素のエッジまたは境界線の間のスペースを指定します
アウトラインスタイル アウトラインのスタイルを設定します
アウトライン幅 アウトラインの幅を設定します


プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細