Comment utiliser la propriété CSS border-left-width-tutoriel CSS-php.cn

Comment utiliser la propriété CSS border-left-width

silencement

Libérer： 2019-05-29 10:02:34

original

2252 Les gens l'ont consulté

Comment utiliser la propriété CSS border-left-width

css border-left-width 定义及用法

Copier après la connexion

1. En CSS, la propriété border-left-width est utilisée pour définir la largeur de la bordure gauche d'un élément. Les attributs similaires incluent : l'attribut border-top-width, l'attribut border-bottom-width et l'attribut border-right-width. Leur utilisation est la même que l'attribut border-left-width.

2. Avant de définir l'attribut border-left-width, vous devez d'abord définir le style de bordure (border-style ou border-left-style) pour avoir un effet. aucun et la largeur de la bordure sera réinitialisée à 0. Cela peut être compris ainsi : il doit y avoir une bordure avant qu'il y ait une largeur de bordure.

3. La valeur de l'attribut border-left-width ne peut pas être une valeur de longueur négative.

css border-left-width属性值

Copier après la connexion

fin : fine bordure gauche.

medium : bordure gauche moyenne (par défaut).

épais : Bordure gauche épaisse.

longueur : Personnalisez la largeur de la bordure gauche.

inherit : hérite de la largeur de la bordure de l'élément parent.

Format de syntaxe

border-left-width:thin / medium / length / inherit;

Copier après la connexion

Instance

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

Copier après la connexion

Exécuter le résultat

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!