คุณสมบัติ HTML DOM สไตล์ borderLeftWidth
ความหมายและการใช้งาน
การตั้งค่าคุณสมบัติ borderLeftWidth หรือส่งกลับความกว้างของขอบซ้ายขององค์ประกอบที่
ไวยากรณ์
การตั้งค่าคุณสมบัติ borderLeftWidth:
Object.style.borderLeftWidth="thin|medium|thick|length|inherit"
คุณสมบัติกลับ borderLeftWidth:
Object.style.borderLeftWidth
值 | 描述 |
---|---|
thin | 定义细的边框。 |
medium | 默认。定义中等的边框。 |
thick | 定义粗的边框。 |
length | 使用 px、cm 等单位定义边框的宽度。 |
inherit | 左边框的宽度从父元素继承。 |
สนับสนุนเบราว์เซอร์
เบราว์เซอร์ที่สำคัญทั้งหมดสนับสนุนคุณสมบัติ borderLeftWidth
หมายเหตุ: 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.borderLeftWidth = "หนา" .;
}
</ 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.borderLeftWidth = "หนา" .;
}
</ script>
</ head>
<body>
<div id = "EX1"> นี่คือข้อความบางส่วน </ div>
ฟรี
<ปุ่ม type = "ปุ่ม" onclick = "displayResult ()"> ปรับเปลี่ยนความกว้างของเส้นขอบซ้าย <ปุ่มเปิด />
</ body>
</ html>
ลอง»
สไตล์วัตถุ