Yuxarıdakı kodun izahı:
background-image: url("background.png");: Bu sətir .container sinfi üçün fon şəklini təyin edir. "background.png" ifadəsi fon şəklinin fayl yolunu və adını təmsil edir. Bu kod, background.png adlı faylın eyni kataloqda yerləşdiyini güman edir. Arxa fon şəkli faylın tam yolunu müəyyən etmək və ya internetdən URL istifadə etmək üçün dəyişdirilə bilər.
background-repeat: no-repeat;: Bu sətir fon şəklinin təkrarlanmamalı olduğunu müəyyən edir. Yəni şəkil yalnız bir dəfə göstərilir və sonra təkrarlanmır. Bu, fon şəklini birdəfəlik element kimi istifadə etməyə imkan verir.
background-position: right top;: Bu sətir fon şəklinin yerini müəyyənləşdirir. "right top" ifadəsi şəklin yuxarı sağ küncdə görünməsinə səbəb olur. Fon şəklinin mövqeyi "left", "center", "right" və "top", "bottom" kimi digər istiqamət və mövqe dəyərləri ilə dəyişdirilə bilər.
background-attachment: fixed;: Bu xətt fon şəklinin sürüşməyəcəyini göstərir. Yəni, səhifə sürüşdürüldükdə, fon şəkli sabit qalır və şəklin məzmunu ilə birlikdə sürüşmür. Bu, səhifənin digər məzmunu üzərində sabit fon şəkli effekti yaradır.
Bu koddan istifadə etməklə, .container sinifli HTML elementi background.png adlı fon şəkli ilə yuxarı sağ küncdə yerləşəcək və səhifə sürüşdürüldükdə onun şəkli sabit qalacaq. Fon şəkli təkrar olunmayacağından tək element kimi istifadə olunacaq.
11.
|
CSS-də Borders, Outline izah edin. Border və outline fərqləri nədir? Aşağıdakı border görüntülərinin kodunu yazın.
CSS borderləri HTML elementlərinin kənarlarına sərhəd kimi bir çərçivə təyin etmək üçün istifadə olunan bir xüsusiyyətdir. CSS border xüsusiyyəti üç hissədən ibarətdir: ölçü, növ və rəng.
Ölçü – sərhəd xəttinin enini təyin edir. Məsələn, "border-width: 5px;" yazılışında 5 piksel enliyində sərhəd xətti təyin olunur.
Növ - sərhəd xəttinin növünü, görüntüsünü təyin edir. CSS'də fərqli sərhəd xətti növləri mövcuddur: Misal, düz (solid), nöqtəli (dotted) və xətlənmiş (dashed). Məsələn, "border-style: solid;" yazılışında sərhəd xətti düz olacaq.
Rəng - sərhəd xəttinin rəngini təyin edir. Məsələn, "border-color: yellow;" yazılışında sərhəd xəttinin rəngi sarı olacaq.
CSS’də outline elementin konturunu (border-dan sonrakı) təyin etmək üçün istifadə olunan bir göstəricidir. outline-un xüsusiyyətləri borderlə eynidir:
Ölçü – konturun enini təyin edir. Məsələn, "outline-width: 5px;" yazılışında 5 piksel enliyində kontur təyin olunur.
Növ – konturun növünü, görüntüsünü təyin edir. CSS'də fərqli konturun növləri mövcuddur: Misal, düz (solid), nöqtəli (dotted) və xətlənmiş (dashed). Məsələn, "outline-style: solid;" yazılışında kontur düz olacaq.
Rəng - konturun rəngini təyin edir. Məsələn, "outline-color: yellow;" yazılışında konturun rəngi sarı olacaq.
Borders elementin məzmununu əhatə edən, lakin heç vaxt elementin hüdudlarından kənara çıxmayan elementinizin kənarına çəkilmiş xətlərdir. Bununla belə, outlines elementi tamamilə əhatə edir, yəni elementdən kənarda görünmək üçün elementin hüdudlarından kənara çıxırlar.
Verilmiş kodda 2 border stili(növü) isitfadə olunmuşdur solid və dashed. Bu doğru deyil 1 stil verilməlidir əks halda sərhəd yaranmayacaq!
|
