Yuxarıdakı kod nümunəsində calc() ifadəsini izahı: Bu CSS kodu .container sinif elementinin enini təyin edir. Genişlik xassəsi calc() funksiyasından istifadə etməklə hesablanır.
Calc() funksiyası bizə CSS dəyərlərini riyazi əməliyyatlarla birləşdirməyə imkan verir. Bu halda, 100% (faiz) ilə 80px (piksel) arasında çıxma aparılır.
Məsələn, .container sinfinə malik div tam olaraq brauzerin eninə yerləşdirildikdə, 100% genişlik dəyəri brauzerin eninə bərabər olacaqdır. Bununla belə, calc(100% - 80px) ifadəsindən istifadə etməklə brauzerin enindən 80 piksel çıxarılır ki, element yerdə qalan yeri tutsun. Bu elementin enini tənzimləmək üçün faydalı bir texnikadır.
26.
CSS-də Rounded Corners, Border Images nümunələrlə izah edin. Aşağıdakı kod nümunəsində border-radius ifadəsini izah edin.
CSS'de "border-radius" xüsusiyyəti, HTML elementinin künclərini yuvarlamaq üçün istifadə olunur. Bu xüsusiyyətlə, bir HTML elementinin ünclərini yuvarlaşdırıb dairə və ya oval formada bir element yarada bilərsiniz. Bunun üçün, "border-radius" xüsusiyyəti istifadə edərək, hər hansı bir künc radiusunu təyin edə bilərsiniz.
"border-radius" xüsusiyyətini istifadə edərkən verilən dəyər, künclərin hansı radiusla yuvarlanacağını təyin edir. Məsələn, "border-radius: 10px;" kodu, bir HTML elementinin hər küncünü 10 piksel radiuslu yuvarlaqlaşdıracaq.
Əlavə olaraq, "border-radius" xüsusiyyətinə bir neçə dəyər də təyin edə bilərsiniz. Məsələn, "border-radius: 20px 60px 80px 40px;" kodu, bir HTML elementinin sol üst küncünü 20 piksel radiuslu, sağ üst küncünü 60 piksel radiuslu, sağ alt küncünü 80 piksel radiuslu və sol alt küncünü 40 piksel radiuslu edəcək.
"Border Images" CSS-də HTML elementinin kənarına şəkil təyin etməyə imkan verən xüsusiyyətdir. Bu xüsusiyyət elementin kənarlarına rəng, xətt və ya kölgə əvəzinə şəkil istifadə etməyə imkan verir.
"Border Images" xüsusiyyətən istifadə edərkən, bir şəkil faylı göstərməlisiniz. Bu şəkil sərhəddi örtəcək və təkrarlanacaq. Şəkil faylını təyin etdikdən sonra siz sərhəddi nə qədər uzatmaq istədiyinizi, hansı bölgələrin şəkillə örtüldüyünü və sərhəd eni dəyişənlərini təyin edə bilərsiniz.
