contour propriétés HTML DOM style
Définition et utilisation
définir propriété raccourcie pour définir ou renvoyer toutes les propriétés de contour.
grammaire
Définissez les propriétés de contour:
Retour propriétés de contour:
Astuce: propriété outlinen'a pas de valeur par défaut.
参数 | 描述 |
---|---|
width | 设置轮廓的宽度。 |
style | 设置轮廓的样式。 |
color | 设置轮廓的颜色。 |
inherit | 规定轮廓属性的值,应该从父元素继承。 |
support du navigateur
Tous les principaux navigateurs prennent en charge la propriété de contour.
Note: IE7 et les versions antérieures ne prennent pas en charge la propriété de contour.IE8 ne fournit des attributs de contour! DOCTYPE pris en charge. IE9 supporte la propriété de contour.
Trucs et astuces
Les lignes de contour autour des éléments environnants. Il est la distance autour de l'extérieur de l'élément d'affichage. 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
Autour d'un élément div modifier la largeur du contour, le style et la couleur:
<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.outline="thick solid #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