Properti HTML DOM Style outlineColor
Definisi dan Penggunaan
outlineColor set properti atau mengembalikan warna garis di sekitar elemen.
tatabahasa
Pengaturan properti outlineColor:
Object.style.outlineColor="color|invert|inherit"
Sifat Kembali outlineColor:
Object.style.outlineColor
值 | 描述 |
---|---|
color | 规定轮廓的颜色。在 CSS 颜色值 中寻找可能的颜色值的完整列表。 |
invert | 默认。反转轮廓的颜色为相反值。 |
inherit | 轮廓的颜色从父元素继承。 |
Dukungan Browser
Semua browser utama mendukung properti outlineColor.
Catatan: IE7 dan versi sebelumnya tidak mendukung properti outlineColor.IE8 hanya menyediakan! DOCTYPE didukung properti outlineColor. dukungan IE9 outlineColor properti.
Tips dan Catatan
garis kontur di sekitar elemen sekitarnya. Hal ini ditampilkan dalam margin elemen sekitarnya. 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
Mengubah warna outline:
<!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.outlineColor="#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.outlineColor="#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