ホームページ > 記事 > ウェブフロントエンド > CSSのborder-left-widthプロパティの使い方
CSSのborder-left-widthプロパティの使い方
- silencementオリジナル
- 2019-05-29 10:02:342216ブラウズ
css border-left-width 定义及用法
1. CSS では、border-left-width プロパティを使用して、要素の左境界線の幅を設定します。同様の属性には、border-top-width 属性、border-bottom-width 属性、border-right-width 属性があり、その使用法は border-left-width 属性と同じです。
2. border-left-width 属性を設定する前に、効果を持たせるために、まず境界線スタイル (border-style または border-left-style) を設定する必要があります。それ以外の場合、境界線スタイルはnone の場合、境界線の幅は 0 にリセットされます。これは次のように理解できます。境界線の幅が存在する前に境界線が存在する必要があります。
3. border-left-width 属性値を負の長さの値にすることはできません。
css border-left-width属性值
thin: 細い左の境界線。
medium: 中程度の左境界線 (デフォルト)。
thick: 太い左枠。
length: 左境界線の幅をカスタマイズします。
inherit: 親要素から境界線の幅を継承します。
#文法形式
border-left-width:thin / medium / length / inherit;#例
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>css border-left-width属性笔记</title>
<style>
p{border-style:solid;}
#blw1 {border-left-width:thin;}
#blw2 {border-left-width:medium;}
#blw3 {border-left-width:thick;}
#blw4 {border-left-width:10px;}
</style>
<head/>
<body>
<p id="blw1">细的左边框</p>
<p id="blw2">中等的左边框（默认）</p>
<p id="blw3">粗的左边框</p>
<p id="blw4">自定义左边框的宽度</p>
</body>
</html>#実行結果
# ＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃
以上がCSSのborder-left-widthプロパティの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。