sifat garis HTML DOM Style
Definisi dan Penggunaan
menguraikan properti singkat untuk mengatur atau kembali semua properti outline.
tatabahasa
Mengatur properti outline:
Object.style.outline="width style color|inherit"
Kembali sifat garis:
Object.style.outline
Tip: properti outlinetidak memiliki nilai default.
参数 | 描述 |
---|---|
width | 设置轮廓的宽度。 |
style | 设置轮廓的样式。 |
color | 设置轮廓的颜色。 |
inherit | 规定轮廓属性的值,应该从父元素继承。 |
Dukungan Browser
Semua browser utama mendukung properti outline.
Catatan: IE7 dan versi sebelumnya tidak mendukung properti outline.IE8 hanya menyediakan atribut garis! DOCTYPE didukung. IE9 mendukung properti outline.
Tips dan Catatan
garis kontur di sekitar elemen sekitarnya. Ini adalah jarak sekitar bagian luar dari elemen layar. Namun, berbeda dengan properti perbatasan.
Bagian dari profil bukanlah ukuran elemen, dan karena itu lebar dan tinggi atribut dari elemen tidak termasuk lebar profil.
contoh
contoh
Sekitar elemen div mengubah lebar garis, gaya, dan warna:
<!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>
<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>
Coba »
gaya Objects