css3 アウトライン オフセット プロパティ


  翻訳結果:

outline

英語 [ˈaʊtlaɪn] アメリカ人 [ˈaʊtˌlaɪn]

n. 概要、概要、概略、草案、要点、主要原則; 形状、概要、アウトライン 線、アウトラインの描き方、スケッチ(描き方)

vt. 概要; アウトライン; アウトライン、スケッチ、アウトライン

三人称単数形: アウトライン 複数形: アウトライン 現在分詞: アウトライン 過去形:アウトライン化された過去分詞: アウトライン化された

offset

英[ˈɒfset] 美[ˈɔ:fset]

vt. offset; cancel; ( To juxtapose ( (パイプなど)

vi. 分岐を形成する、分岐を成長させる; 分岐パイプ

n. 開始する; 出発; リソグラフィー; オフセット、補償

adj. ブランチ; 中心から外れている; オフセット; 始まり

三人称単数形: オフセット 複数形: オフセット 現在分詞: オフセット 過去形: オフセット 過去分詞:オフセット###

css3 アウトライン オフセット プロパティ構文

機能:アウトラインをオフセットし、境界線の端を越えてアウトラインを描画します。

注: アウトラインと境界線の間には 2 つの違いがあります。アウトラインはスペースを占有しないこと、およびアウトラインは非長方形である可能性があることです。

css3 アウトライン オフセット プロパティは輪郭をオフセットすることを意味し、境界線のエッジを描画します。輪郭と境界線の端の間の距離を長さの値

で設定します。

css3 アウトライン オフセット プロパティ例

<!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>

インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します

ホームページ

ビデオ

に質問