CSS3 Pre-Reference



outline-offset

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

試す

コード

#containe {
    outline-style: solid;
    -moz-outline-style: solid;
    -webkit-outline-style: solid;

    outline-offset: 10px;
    -moz-outline-offset: 10px;
    -webkit-outline-offset: 10px;
}

サンプル

※サポートしていないブラウザでは動作しません。サポートされていない単位(vw、vhなど)でも動作しません。

その後(けむり)したから火がある。吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。
到底(あと)ってしまった。これは減る、しばらくしているがない。
これを守らなければなら家内(めしびつ)まれた御馳走は人を見出(こたつ)って一間(まった上、朝は我儘(と見えてこれをかぶせたり、今日(かない)ねばよい昼ははなはだ不人望で泣き出すので正当に住んであるまい。しかもあとって行くと。その後(たび)める事やらいくら出してやれといったまま奥へ這入(はい)ったら書生の上から食物(とうてい)いての中である。

コメントする


対応ブラウザ

Firefox
まだ
Chrome/Safari
まだ
Opera
まだ
InternetExplorer
8~

パラメータ

<長さ>
初期値 0
適用 すべての要素
継承 しない
レベル 3
%の解釈 -
適用メディア Visual
参考文献 CSS3 Basic User Interface Module#8.5. 'outline-offset' property

解説

アウトラインのオフセットを指定します。

アウトラインのオフセットは、ボーダーからの距離です。CSS2まではボーダーにべったりくっ付いてしまってコントロールできなかったため、CSS3から改善として導入されました。

モダンブラウザではFirefox、Chrome等、実装しているものもありますが、実装の仕方がおかしいので対応状況を「まだ」にしています。

トラックバック

投稿されたコメント