Dans le développement Web, le «frontière»La propriété joue un rôle important. Ils peuvent être utilisés pour distinguer ou mettre en évidence des choses sur un site Web, ce qui rend simple et facile pour les visiteurs de percevoir et d'agir sur le site. De plus, l'utilisateur peut également déterminer la hauteur de la bordure. La hauteur de la frontière en CSS dépend en fait de la longueur des lignes de bordure.

Parfois, l'utilisateur pense que la frontière sera toujours appliquée horizontalement en fonction de la limite de l'élément. Cependant, ce concept est faux. Vous pouvez définir la hauteur de la frontière en fonction de leurs préférences.

Ce message expliquera comment régler la hauteur des frontières dans CSS.

Comment régler la hauteur des frontières dans CSS?

Pour régler la hauteur de la frontière en CSS, le «hauteur de la ligne»La propriété est utilisée. Cette propriété est couramment utilisée pour régler la distance entre les lignes de texte.

À cette fin, essayez les instructions mentionnées.

Étape 1: Créez un conteneur «div»

Initialement, faites un «div«Contaiteur avec l'aide du«" élément. Affectez-le également un «classe«Attribut à l'intérieur de la balise d'ouverture de l'élément« »et spécifiez un nom pour la classe en fonction de votre choix.

Étape 2: insérer un titre

Ensuite, insérez une rubrique en utilisant n'importe quelle étiquette de titre "

" pour "

". Dans cet exemple, nous avons utilisé le «

Étape 3: faire une liste

Ensuite, utilisez le «

”Tag pour faire la liste commandée et ajouter les données dans la liste à l'aide du«
1. " étiqueter:
   
   

   Liste des oiseaux

   
   
   
   
   1. Poule
   
   
   2. Moineau
   
   
   3. Porc
   
   
   4. Canard
   
   
   5. Perroquet
   
   
   
   

   Sortir

   Étape 4: Réglez la hauteur de la bordure sur l'élément «div»

   Accéder au "div"Conteneur à l'aide de la classe".contenu»Et appliquez les propriétés CSS mentionnées dans l'extrait ci-dessous:

   .contenu
   rembourrage: 0 10px;
   Affichage: bloc en ligne;
   Border-Left: 4px RVB solide (6, 21, 228);
   hauteur de ligne: 18px;
   Color d'arrière-plan: bisque;
   marge: 20px 140px;
   Border-Bottom: 4px RVB solide (241, 170, 14);
   

   Ici:

   • "rembourrage»Spécifie un espace à l'intérieur de l'élément défini.
   • "afficher"Est défini comme"bloc en ligne"Pour spécifier le comportement d'affichage de l'élément.
   • "frontière”La propriété est déployée pour tracer la limite du côté gauche.
   • "hauteur de la ligne"Est utilisé pour régler la hauteur de la limite définie en fonction de la valeur spécifiée.
   • "Couleur de l'arrière plan»Détermine la couleur de l'arrière-plan de l'élément sélectionné.
   • "marge»Détermine l'espace autour de la frontière définie.
   • "Bordure du bas”Est ​​utilisé pour régler la ligne de limite en bas du côté de l'élément.

   Sortir

   En conséquence, la hauteur de la frontière sur le «div»L'élément utilisant CSS est appliqué avec succès.

   Conclusion

   Pour régler la hauteur de la frontière dans CSS, ajoutez d'abord la bordure unilatérale à l'aide de «frontière" ou "frontière»Et appliquez le«hauteur de la ligne»Propriété pour spécifier la hauteur de la bordure. De plus, vous pouvez également appliquer d'autres propriétés CSS pour styliser l'élément. Ce message a démontré la procédure de fixation de la hauteur de la frontière dans CSS.