ბლოკის საზღვრების მომრგვალება CSS-ში
ახლა ჩვენ ვისწავლით თუ როგორ დავამრგვალოთ კუთხეები
ბლოკის. ამისთვის უნდა გამოვიყენოთ
თვისება border-radius, რომელიც იღებს
მნიშვნელობას პიქსელებში.
რას ნიშნავს, რომ ჩვენ მივუთითეთ მომრგვალება,
მაგალითად, 10px-ში? ეს არის წრის რადიუსი,
რომელიც შეიძლება ჩაიწეროს ამ მომრგვალებაში. თუ
თქვენ არ გაქვთ კავშირი მათემატიკასთან და თქვენ არ გესმით
ბოლო წინადადება - დაივიწყეთ იგი და
უბრალოდ შეარჩიეთ მომრგვალება თვალით.
გარკვეული გამოცდილებით ამის გაკეთება პრობლემა არ არის (საზომი
ინსტრუმენტი მომრგვალებების გასაზომად არ არსებობს,
ყოველ შემთხვევაში, მე ასეთის შესახებ არ მსმენია).
მოდით დავამრგვალოთ ბლოკის კუთხეები, მივანიჭოთ მას
მომრგვალება 10px-ში:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border: 1px solid red;
border-radius: 10px;
}
:
გაიმეორეთ გვერდი ამ მაგალითის მიხედვით:
