border-bottom-right-radius


Misol

Ikkita <div> elementining pastki o‘ng burchagiga yumaloq chegara qo‘shing:

#example1 {   border: 2px solid red;   border-bottom-right-radius: 25px; } #example2 {   border: 2px solid red;   border-bottom-right-radius: 50px 20px; }
O‘zingiz sinab ko‘ring »

Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.


ULASHISH

Ta’rif va qo‘llanilishi

border-bottom-right-radius xususiyati pastki o‘ng burchak radiusini belgilaydi.

Maslahat: Bu xususiyat elementlarga yumaloq chegaralar qo‘shish imkonini beradi!

Demoni ko‘rsatish ❯

Standart qiymat: 0
Meros qilinadi: yo‘q
Animatsiya qilinadi: ha. animatable haqida o‘qing Sinab ko‘ring
Versiya: CSS3
JavaScript sintaksisi: object.style.borderBottomRightRadius="25px" Sinab ko‘ring

Brauzerlarda qo‘llab-quvvatlash

Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.

Xususiyat
border-bottom-right-radius 5.0 9.0 4.0 5.0 10.5


CSS sintaksisi

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

Eslatma: Agar ikkita qiymat bersangiz, birinchisi pastki chegara uchun, ikkinchisi esa o‘ng chegara uchun bo‘ladi. Agar ikkinchi qiymat tushirib qoldirilsa, u birinchisidan nusxalanadi. Agar uzunliklardan biri nolga teng bo‘lsa, burchak yumaloq emas, balki to‘g‘ri burchak bo‘ladi.

Xususiyat qiymatlari

Qiymat Tavsif Demo
length Pastki o‘ng burchak shaklini belgilaydi. Standart qiymati — 0. Uzunlik birliklari haqida o‘qing Demo ❯
% Pastki o‘ng burchak shaklini foizlarda (%) belgilaydi Demo ❯
initial Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing
inherit Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing

Ko‘proq misollar

Misol

Pastki o‘ng burchakka foizlarda yumaloq chegara qo‘shing:

#example1 {   border: 2px solid red;   background: url(paper.gif);   padding: 10px;   border-bottom-right-radius: 40%; }
O‘zingiz sinab ko‘ring »

Tegishli sahifalar

CSS darsligi: CSS yumaloq burchaklar

HTML DOM ma’lumotnomasi: borderBottomRightRadius xususiyati


W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!