CSS3 ขอบล่างขวารัศมีคุณสมบัติ
ตัวอย่าง
เพิ่มมุมโค้งมนไปที่มุมขวาด้านล่างของส่วน div:
{
ชายแดน: 2px ของแข็ง
ขอบล่างขวารัศมี: 2em;
}
ลอง»
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน
ทันทีหลังจาก -webkit- ดิจิตอล -ms- หรือ -moz- ที่ผ่านมาในการสนับสนุนของคำนำหน้าแอตทริบิวต์หมายเลขรุ่นเบราเซอร์แรก
属性 | |||||
---|---|---|---|---|---|
border-radius | 9.0 | 5.0 4.0 -webkit- | 4.0 3.0 -moz- | 5.0 3.1 -webkit- | 10.5 |
แอตทริบิวต์คำจำกัดความและคำแนะนำ
คุณสมบัติชายแดนขวารัศมีกำหนดรูปร่างของเส้นขอบด้านขวาด้านล่าง
หมายเหตุ: คุณสมบัตินี้ช่วยให้คุณสามารถเพิ่มองค์ประกอบมุมโค้งมน!
เริ่มต้น: | 0 |
---|---|
มรดก: | ไม่ |
เวอร์ชัน: | CSS3 |
ไวยากรณ์ javascript: | วัตถุ object.style.borderBottomRightRadius = "5px" |
ไวยากรณ์
หมายเหตุ: ทั้งสองความยาวหรือเปอร์เซ็นต์ขอบขวารัศมีค่าแอตทริบิวต์กำหนดรูปไข่ของหนึ่งในสี่ของมุมขอบขอบนอกค่าแรกเป็นรัศมีแนวนอนและรัศมีที่สองคือในแนวตั้ง ถ้าค่าที่สองถูกละไว้ก็จะถูกคัดลอกมาจากคนแรก หากทั้งสองความยาวเป็นศูนย์มุมเป็นสี่เหลี่ยมไม่กลม ร้อยละของรัศมีแนวนอนหมายถึงความกว้างของกรอบและร้อยละของรัศมีแนวตั้งหมายถึงความสูงของกรอบที่
值 | 描述 |
---|---|
length | 定义右下角的形状。 |
% | 使用%定义右下角的形状。 |
บทความที่เกี่ยวข้อง
กวดวิชา CSS3: CSS3 พรมแดน