คุณสมบัติ Style borderTopLeftRadius
- หน้าก่อน borderTopColor
- หน้าต่อไป borderTopRightRadius
- กลับไปยังชั้นบน HTML DOM Style 对象
การเขียนและการใช้งาน
borderTopLeftRadius
คุณสมบัตินี้กำหนดหรือกลับมาด้วยรูปร่างของขอบมุมบนซ้าย
คำแนะนำ:คุณสมบัตินี้อนุญาตให้คุณเพิ่มขอบมุมเรียบให้กับองค์ประกอบ!
ดูเพิ่มเติม
คู่มือ CSS:ตัวแปร border-top-left-radius
ตัวอย่าง
เพิ่มขอบมุมเรียบที่ด้านบนซ้ายขององค์ประกอบ div:
document.getElementById("myDIV").style.borderTopLeftRadius = "25px";
ศัพท์
กลับมาด้วย borderTopLeftRadius ตัวแปร:
object.style.borderTopLeftRadius
ตั้งค่า borderTopLeftRadius ตัวแปร:
object.style.borderTopLeftRadius = "length|% [length|%]|initial|inherit"
หมายเหตุ:ค่าขนาดและอัตราส่วนของตัวแปร border-top-left-radius กำหนดรัศมีของครึ่งวงกลมสี่เหลี่ยมผืนผ้า (กำหนดรูปร่างของขอบเส้นทางด้านนอกของมุม) รัศมีครั้งแรกเป็นรัศมีน้ำตาลตรง ครั้งที่สองเป็นรัศมีตั้งแต่ด้านลง ถ้าละเมิดค่าที่สอง จะคัดลอกค่าที่หนึ่ง ถ้าค่าขนาดเท่ากับ 0 มุมจะเป็นสี่เหลี่ยมผืนผ้า ไม่ใช่วงกลม อัตราส่วนรัศมีน้ำตาลอ้างอิงความกว้างของกล่องขอบ อัตราส่วนรัศมีตั้งแต่ด้านลงอ้างอิงความสูงของกล่องขอบ
ค่าของคุณสมบัติ
ค่า | คำอธิบาย |
---|---|
length | กำหนดรูปร่างด้านบนซ้าย |
% | กำหนดรูปร่างด้านล่างซ้ายด้วยอัตราส่วนเปอร์เซ็นต์ |
initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial。 |
inherit | สืบทอดคุณสมบัตินี้จากตัวแปรพ่อของตน โปรดดู inherit。 |
รายละเอียดเทคนิค
ค่าเริ่มต้น: | 0 |
---|---|
ค่าที่กลับมา: | ตัวแปรสายอักษร,แสดงถึง ตัวแปร border-top-left-radius。 |
เวอร์ชัน CSS: | CSS3 |
บราวเซอร์สนับสนุน
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
สนับสนุน | 9.0 | สนับสนุน | สนับสนุน | สนับสนุน |
- หน้าก่อน borderTopColor
- หน้าต่อไป borderTopRightRadius
- กลับไปยังชั้นบน HTML DOM Style 对象