propriété HTML DOM style outlineStyle
Définition et utilisation
ensembles de propriétés outlineStyle ou retourne l'élément entourant le style de contour.
grammaire
Définition des propriétés outlineStyle:
Retour propriétés outlineStyle:
值 | 描述 |
---|---|
none | 默认。定义无轮廓。 |
hidden | 轮廓是关闭的。 |
dotted | 定义点状轮廓。 |
dashed | 定义虚线轮廓。 |
solid | 定义实线轮廓。 |
double | 定义双线轮廓。 |
groove | 定义 3D 凹槽轮廓。此效果取决于 outline-color 值。 |
ridge | 定义 3D 垄状轮廓。其效果取决于 border-color 的值。 |
inset | 定义 3D inset 轮廓。其效果取决于 border-color 的值。 |
outset | 定义 3D outset 轮廓。其效果取决于 border-color 的值。 |
inherit | 轮廓的样式从父元素继承。 |
support du navigateur
Tous les principaux navigateurs prennent en charge la propriété outlineStyle.
Note: IE7 et les versions antérieures ne prennent pas en charge la propriété outlineStyle.IE8 ne fournit! DOCTYPE soutenu la propriété outlineStyle. IE9 supporte la propriété outlineStyle.
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 le style 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.outlineStyle="solid";
}
</script>
</head>
<body>
<div id="ex1">这是一些文本。</div>
<br>
<button type="button" onclick="displayResult()">修改外边框style</button>
<p><b>注意:</b> IE8 支持outline属性必须指定一个!DOCTYPE </p>
</body>
</html>
Essayez »
style Objets