คุณสมบัติ HTML DOM สไตล์ borderTopStyle
สไตล์วัตถุ ความหมายและการใช้งาน
การตั้งค่าคุณสมบัติ borderTopStyle หรือส่งกลับองค์ประกอบสไตล์ชายแดน
ไวยากรณ์
การตั้งค่าคุณสมบัติ borderTopStyle:
Object.style.borderTopStyle="value"
คุณสมบัติกลับ borderTopStyle:
Object.style.borderTopStyle
| 值 | 描述 |
|---|---|
| none | 默认。定义无边框。 |
| hidden | 与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。 |
| dotted | 定义点状边框。 |
| dashed | 定义虚线边框。 |
| solid | 定义实线边框。 |
| double | 定义双线边框。双线的宽度等于 border-width 的值。 |
| groove | 定义 3D 凹槽边框。其效果取决于 border-color 的值。 |
| ridge | 定义 3D 垄状边框。其效果取决于 border-color 的值。 |
| inset | 定义 3D inset 边框。其效果取决于 border-color 的值。 |
| outset | 定义 3D outset 边框。其效果取决于 border-color 的值。 |
| inherit | 上边框的样式从父元素继承。 |
สนับสนุนเบราว์เซอร์
เบราว์เซอร์ที่สำคัญทั้งหมดสนับสนุนคุณสมบัติ borderTopStyle
หมายเหตุ: IE7 และรุ่นก่อนหน้าไม่สนับสนุน "สืบทอด" ค่าIE8 เพียง แต่ให้! ประเภทเอกสารที่สนับสนุน "มรดก" สนับสนุน IE9 "มรดก"
ตัวอย่าง
ตัวอย่าง
เปลี่ยนสไตล์ชายแดน:
<! DOCTYPE html>
<html>
<head>
<Meta charset = "UTF-8">
<title> กวดวิชานี้ (w3big.com) </ title>
<ชนิด style = "text / CSS">
# EX1 {
ชายแดน: 1px ของแข็ง # FF0000;
}
</ style>
<script>
ฟังก์ชั่น displayResult () {
document.getElementById ( "EX1") style.borderTopStyle = "ประ" .;
}
</ script>
</ head>
<body>
<div id = "EX1"> นี่คือข้อความบางส่วน </ div>
ฟรี
<ปุ่ม type = "ปุ่ม" onclick = "displayResult ()"> ปรับเปลี่ยนรูปแบบชายแดน </ ปุ่ม>
</ body>
</ html>
<html>
<head>
<Meta charset = "UTF-8">
<title> กวดวิชานี้ (w3big.com) </ title>
<ชนิด style = "text / CSS">
# EX1 {
ชายแดน: 1px ของแข็ง # FF0000;
}
</ style>
<script>
ฟังก์ชั่น displayResult () {
document.getElementById ( "EX1") style.borderTopStyle = "ประ" .;
}
</ script>
</ head>
<body>
<div id = "EX1"> นี่คือข้อความบางส่วน </ div>
ฟรี
<ปุ่ม type = "ปุ่ม" onclick = "displayResult ()"> ปรับเปลี่ยนรูปแบบชายแดน </ ปุ่ม>
</ body>
</ html>
ลอง»
สไตล์วัตถุ