บทช่วยสอน CSS3 ขอบล่างขวารัศมีคุณสมบัติ ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ตัวอย่าง,สนับสนุนเบราว์เซอร์,แอตทริบิวต์คำจำกัดความและคำแนะนำ,ไวยากรณ์,บทความที่เกี่ยวข้อง,

CSS3 ขอบล่างขวารัศมีคุณสมบัติ

ตัวอย่าง

เพิ่มมุมโค้งมนไปที่มุมขวาด้านล่างของส่วน div:

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"


ไวยากรณ์

border-bottom-right-radius:length|%[length|%];

หมายเหตุ: ทั้งสองความยาวหรือเปอร์เซ็นต์ขอบขวารัศมีค่าแอตทริบิวต์กำหนดรูปไข่ของหนึ่งในสี่ของมุมขอบขอบนอกค่าแรกเป็นรัศมีแนวนอนและรัศมีที่สองคือในแนวตั้ง ถ้าค่าที่สองถูกละไว้ก็จะถูกคัดลอกมาจากคนแรก หากทั้งสองความยาวเป็นศูนย์มุมเป็นสี่เหลี่ยมไม่กลม ร้อยละของรัศมีแนวนอนหมายถึงความกว้างของกรอบและร้อยละของรัศมีแนวตั้งหมายถึงความสูงของกรอบที่


描述
length 定义右下角的形状。
% 使用%定义右下角的形状。


บทความที่เกี่ยวข้อง

กวดวิชา CSS3: CSS3 พรมแดน

CSS3 ขอบล่างขวารัศมีคุณสมบัติ
10/30