propriété HTML DOM style outlineColor
Définition et utilisation
ensembles de propriétés OUTLINECOLOR ou renvoie la couleur du contour autour des éléments.
grammaire
Définition des propriétés OUTLINECOLOR:
Retour propriétés OUTLINECOLOR:
值 | 描述 |
---|---|
color | 规定轮廓的颜色。在 CSS 颜色值 中寻找可能的颜色值的完整列表。 |
invert | 默认。反转轮廓的颜色为相反值。 |
inherit | 轮廓的颜色从父元素继承。 |
support du navigateur
Tous les principaux navigateurs prennent en charge la propriété outlineColor.
Note: IE7 et les versions antérieures ne prennent pas en charge la propriété outlineColor.IE8 ne fournit! DOCTYPE soutenu la propriété outlineColor. soutien IE9 outlineColor propriété.
Trucs et astuces
Les lignes de contour autour des éléments environnants. Il est affiché dans la marge des éléments environnants. Cependant, il est différent de la propriété border.
Une partie du profil ne constitue pas une taille de l'élément, et par conséquent la largeur et la hauteur des attributs de l'élément ne comprend pas la largeur du profilé.
Exemples
Exemples
Changez la couleur du contour:
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<style type="text/css">
#ex1{
border:1px solid red;
outline:green dotted thick;
}
</style>
<script>
function displayResult(){
document.getElementById("ex1").style.outlineColor="#0000FF";
}
</script>
</head>
<body>
<div id="ex1">这是一些文本。</div>
<br>
<button type="button" onclick="displayResult()">修改外边框颜色</button>
<p><b>注意:</b> IE8 及以下版本如果要支持 outline 属性,则必须声明 !DOCTYPE。</p>
</body>
</html>
Essayez »
style Objets