propriété HTML DOM style outlineWidth
Définition et utilisation
ensembles de propriétés outlineWidth ou retourne la largeur des éléments autour du profil.
grammaire
Définition des propriétés outlineWidth:
Retour propriétés outlineWidth:
值 | 描述 |
---|---|
thin | 定义细的轮廓。 |
medium | 默认。定义中等的轮廓。 |
thick | 定义粗的轮廓。 |
length | 使用 px、cm 等单位定义轮廓的宽度。 |
inherit | 轮廓的宽度从父元素继承。 |
support du navigateur
Tous les principaux navigateurs prennent en charge la propriété outlineWidth.
Note: IE7 et les versions antérieures ne prennent pas en charge la propriété outlineWidth.IE8 ne fournit! DOCTYPE soutenu la propriété outlineWidth. IE9 supporte la propriété outlineWidth.
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
Changer la largeur du contour:
<head>
<style type="text/css">
#ex1
{
border:1px solid red;
outline:green dotted thick;
}
</style>
<script>
function displayResult()
{
document.getElementById("ex1").style.outlineWidth="10px";
}
</script>
</head>
<body>
<div id="ex1">This is some text.</div>
<br>
<button type="button" onclick="displayResult()">Change outline width</button>
</body>
</html>
Essayez »
style Objets