CSS で境界線の幅にパーセンテージを使用できますか?

ボーダーの太さ（パーセンテージ）

CSS 仕様ではパーセンテージは境界線の幅はサポートされていません。

ただし、次のように錯覚させる回避策が存在します。パーセンテージの境界線。これには、目的の境界線の色を背景としてラッパー要素を作成し、そのパディングをパーセンテージで設定することが含まれます。同時に、境界線を引く要素の背景を白 (または別の適切な色) に設定します。

これを検討してください。例:

CSS:

.faux-borders {
    background-color: #f00;
    padding: 1px 25%; /* simulate border with padding */
}

.content {
    background-color: #fff;
}

HTML:

<div><p>この非スクリプト ソリューションは、メソッドを提供します。 JavaScript を使用せずにパーセント境界線をシミュレートします。</p></div>

以上がCSS で境界線の幅にパーセンテージを使用できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。