Latest web development tutorials

propriété HTML DOM style outlineColor

Style de Object Reference style Objets

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:

Object.style.outlineColor="color|invert|inherit"

Retour propriétés OUTLINECOLOR:

Object.style.outlineColor

描述
color 规定轮廓的颜色。在 CSS 颜色值 中寻找可能的颜色值的完整列表。
invert 默认。反转轮廓的颜色为相反值。
inherit 轮廓的颜色从父元素继承。


support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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:

<!DOCTYPE html>
<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 de Object Reference style Objets