Comment utiliser la propriété CSS border-right-color-tutoriel CSS-php.cn

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

silencement

Libérer： 2019-05-29 09:45:29

original

4000 Les gens l'ont consulté

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

css border-right-color属性定义及用法

Copier après la connexion

En CSS, la propriété border-right-color est utilisée pour définir la couleur de la bordure droite d'un élément. Lorsque nous devons changer la couleur de la bordure droite d'un élément, nous pouvons utiliser l'attribut border-right-color pour la définir. Avant d'utiliser l'attribut border-right-color pour définir une démonstration de bordure, vous devez d'abord définir la bordure (c'est-à-dire définir l'attribut border-right-style), sinon définir la couleur de la bordure sans bordure n'aura aucun effet.

css border-right-color属性语法格式

Copier après la connexion

syntaxe css : border-right-color:color_name / hex_number / rgb_number / transparent / hériter

Exemple : border-right-color:red; border-right-color:#ff0000; border-right-color:rgb(255,0,0)

Syntaxe JavaScript : object.style.borderRightColor="blue"

 css border-right-color属性值说明

Copier après la connexion

color_name : La couleur de la bordure est la couleur représentée par le nom de la couleur (comme le rouge)

hex_number : la couleur de la bordure est la couleur représentée par la valeur hexadécimale (telle que #ff0000)

rgb_number : la couleur de la bordure est la couleur représentée par le code rgb (tel que rgb( 255,0,0))

transparent : La couleur de la bordure est transparente (par défaut)

Hériter : Hériter de la couleur de la bordure de l'élément parent

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css border-right-color右边框颜色属性笔记</title>
<style type="text/css">
body{background: #ddd;font-size:20px;}
#a,#b,#c,#d{border:2px solid #000;margin-top:10px;width:300px;}
#a{border-right-color:red;}
#b{border-right-color:#FF9999;}
#c{border-right-color:rgb(138,43,226);}
</style>
</head>
<body>
<div id = "a">border-right-color:red; 颜色名称表示的颜色演示</div>
<div id = "b">border-right-color:#FF9999; 十六进制值表示的颜色演示</div>
<div id = "c">border-right-color:rgb(138,43,226); rgb代码</div>
</body>
</html>

Copier après la connexion

Résultat d'exécution

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!