ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSのborder-left-widthプロパティの使い方

CSSのborder-left-widthプロパティの使い方

silencement
リリース: 2019-05-29 10:02:34
オリジナル
2252 人が閲覧しました

CSSのborder-left-widthプロパティの使い方

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート