свойства контурных HTML DOM Стиль
Определение и использование
очертить сокращённое свойство, чтобы установить или вернуть все свойства контура.
грамматика
Задайте свойства контур:
Назад свойства: контурные
Совет: очертание свойство не имеет значения по умолчанию.
参数 | 描述 |
---|---|
width | 设置轮廓的宽度。 |
style | 设置轮廓的样式。 |
color | 设置轮廓的颜色。 |
inherit | 规定轮廓属性的值,应该从父元素继承。 |
Поддержка браузеров
Все основные браузеры поддерживают свойство контура.
Примечание: IE7 и более ранние версии не поддерживают свойство контура.IE8 обеспечивает только! DOCTYPE поддерживаемые атрибуты контура. IE9 поддерживает свойство контура.
Советы и примечания
Контурные линии вокруг окружающих элементов. Это расстояние вокруг внешней стороны элемента отображения. Тем не менее, она отличается от собственности на границе.
Часть профиля не является размером элемента, и, следовательно, ширина и высота атрибуты элемента не включает ширину профиля.
примеров
примеров
Вокруг сНу элемента изменить ширину контура, стиль и цвет:
<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>
Попробуйте »
Стиль Объекты