CSS3 คุณสมบัติชายแดนด้านบนขวารัศมี
ตัวอย่าง
เพิ่มเส้นขอบให้กับที่มุมขวาบนของส่วน div:
div
{
border:2px solid;
border-top-right-radius:2em;
}
{
border:2px solid;
border-top-right-radius: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.borderTopRightRadius = "5px" |
ไวยากรณ์
border-top-right-radius:length|%[length|%];
หมายเหตุ: ขอบด้านบนขวา - ความยาวหรือทรัพย์สินร้อยละรัศมีสองกำหนดรูปร่างของไตรมาสวงรีขอบมุมขอบนอกค่าแรกเป็นรัศมีแนวนอนและรัศมีที่สองคือในแนวตั้ง ถ้าค่าที่สองถูกละไว้ก็จะถูกคัดลอกมาจากคนแรก หากทั้งสองความยาวเป็นศูนย์มุมเป็นสี่เหลี่ยมไม่กลม ร้อยละของรัศมีแนวนอนหมายถึงความกว้างของกรอบและร้อยละของรัศมีแนวตั้งหมายถึงความสูงของกรอบที่
值 | 描述 |
---|---|
length | 定义右上角的形状。 |
% | 使用%定义右上角的形状。 |
บทความที่เกี่ยวข้อง
กวดวิชา CSS3: CSS3 พรมแดน