ตัวอย่าง
เพิ่มเส้นขอบที่โค้งมนไปที่มุมบนซ้ายของส่วน div นี้:
document.getElementById("myDIV").style.borderTopLeftRadius = "25px"; ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติ borderTopLeftRadius หรือผลตอบแทนที่รูปร่างของเส้นขอบของมุมบนด้านซ้าย
Tip: คุณสมบัตินี้ช่วยให้คุณสามารถเพิ่มเส้นขอบโค้งมนกับองค์ประกอบ!
สนับสนุนเบราว์เซอร์
สถานที่ให้บริการ borderTopLeftRadius รับการสนับสนุนใน IE9 +, Firefox, Chrome, Safari และ Opera
วากยสัมพันธ์
กลับ borderTopLeftRadius ทรัพย์สิน:
object .style.borderTopLeftRadius
ตั้ง borderTopLeftRadius ทรัพย์สิน:
object .style.borderTopLeftRadius=" Note: ความยาวหรือร้อยละสองค่าของคุณสมบัติที่ขอบด้านบนซ้ายรัศมีกำหนดรัศมีของวงรีไตรมาสที่กำหนดรูปร่างของมุมของขอบขอบนอกที่ ค่าแรกเป็นรัศมีแนวนอนที่สองรัศมีแนวตั้ง ถ้าค่าที่สองถูกละไว้ก็จะถูกคัดลอกจากครั้งแรก ถ้าความยาวทั้งเป็นศูนย์มุมเป็นสี่เหลี่ยมไม่กลม ร้อยละสำหรับรัศมีแนวนอนหมายถึงความกว้างของช่องชายแดนในขณะที่ร้อยละสำหรับรัศมีแนวตั้งหมายถึงความสูงของกล่องชายแดน ค่าทรัพย์สิน
ความคุ้มค่า ลักษณะ length กำหนดรูปร่างของมุมบนด้านซ้าย % กำหนดรูปร่างของมุมบนด้านซ้ายใน% initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: 0 กลับค่า: สตริงที่เป็นตัวแทนของขอบด้านบนซ้ายรัศมีทรัพย์สินขององค์ประกอบ CSS รุ่น CSS3
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง CSS: border-top-left-radius property
<สไตล์วัตถุ