Latest web development tutorials

Właściwości zarys HTML DOM Style

Styl Object Reference styl Przedmioty

Definicja i Wykorzystanie

przedstawić skróconą własnością do ustawienia lub przywrócić wszystkie właściwości konturu.

gramatyka

Ustaw właściwości konturu:

Object.style.outline="width style color|inherit"

Powrót właściwości Outline:

Object.style.outline

Wskazówka: Zarys własność nie ma wartości domyślnej.

参数 描述
width 设置轮廓的宽度。
style 设置轮廓的样式。
color 设置轮廓的颜色。
inherit 规定轮廓属性的值,应该从父元素继承。


Pomoc Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Wszystkie główne przeglądarek obsługuje właściwości konturu.

Uwaga: IE7 i starsze wersje nie obsługują właściwości konturu.IE8 zapewnia tylko DOCTYPE! Obsługiwane atrybuty konturu. IE9 obsługuje właściwości konturu.


Porady i wskazówki

linie konturowe wokół otaczających elementów. Jest odległością po zewnętrznej stronie elementu wyświetlacza. Jednakże różnią się od właściwości granicznej.

Część profilu nie jest rozmiar elementu, a więc wysokość i szerokość cechy elementu nie obejmuje szerokość profilu.


Przykłady

Przykłady

Wokół elementu div zmienić szerokość obrysu, styl i kolor:

<!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.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>

Spróbuj »


Styl Object Reference styl Przedmioty