คุณสมบัติ Style borderTopLeftRadius

การเขียนและการใช้งาน

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 สนับสนุน สนับสนุน สนับสนุน