Maison  >  Article  >  interface Web  >  Comment utiliser la propriété CSS border-right-width

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

silencement
silencementoriginal
2019-05-28 14:21:343537parcourir

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

Définition et utilisation de l'attribut CSS border-right-width

En CSS, l'attribut border-right-width est utilisé pour définir le droit côté d'un élément Border width, cette propriété peut être utilisée lorsque l'on souhaite ajuster la largeur de la bordure droite d'un élément individuellement (remarque : avant d'utiliser la propriété border-right-width pour définir la largeur de la bordure d'un élément, le côté droit border (propriété border-right-style) doit être définie), sinon il n'y aura pas de largeur de bordure s'il n'y a pas de bordure, et l'attribut border-right-width n'aura aucun effet).

format de syntaxe d'attribut CSS border-right-width

syntaxe CSS : border-right-width : fin / moyen / épais / longueur / hériter

Syntaxe JavaScript : object.style.borderRightWidth="mince / moyen / épais / longueur / hériter"

description de la valeur de la propriété CSS border-right-width

mince : Réglez la bordure droite sur petite

moyenne : définissez la bordure droite sur moyenne (par défaut)

épais : définissez la bordure droite sur épaisse

longueur : personnalisez la largeur du bordure droite (Par exemple : 10px ;)

hériter : hériter de la largeur de la bordure droite de l'élément parent

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css border-right-width设置右边框宽度属性笔记</title>
<style type="text/css">
body{background: #ddd;font-size:20px;}
#a,#b,#c,#d{margin-top:10px;width:300px;border-right-style:solid;}
#a{border-right-width:thin;}
#b{border-right-width:thick;}
#c{border-right-width:8px;}
</style>
</head>
<body>
<div id = "a">thin:设置右边框为细小的;</div>
<div id = "b">thick:设置右边框为粗大的;</div>
<div id = "c">自定义右边框的宽度为8px;</div>
</body>
</html>

Exécuter résultat

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


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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn