position: absolute;: Şəklin yerləşdirməni təyin etməli olduğunu müəyyən edir. Mütləq dəyəri şəklin səhifənin digər məzmunundan asılı olmayaraq yerləşdiriləcəyini bildirir.
left: 0px;: Şəklin sol kənarından piksellə məsafəni təyin edir. Burada 0 piksel dəyəri təsvirin tam olaraq sol kənarına düzüləcəyini bildirir.
top: 0px;: Təsvirin yuxarı kənarından məsafəni piksellərlə müəyyən edir. Burada 0 piksel dəyəri təsvirin tam olaraq yuxarı kənara düzüləcəyini bildirir.
z-index: -1;: Şəklin yığılma qaydasını göstərir. Z-indeksi mənfi qiymət aldıqda, şəkil başqa məzmunun altına düşür.
Qısacası: Bu kod img (şəkil) elementini səhifənin yuxarı sol küncündə, digər məzmunun altında yerləşdirir. Şəkil səhifə məzmununun hər hansı bir yerində görünə bilər və digər elementlərin üzərinə qoyula bilər.
19.
CSS-də Overflow, Float, Clear nümunələrlə izah edin. Aşağıdakı şəkildə soldakı görüntüdən, sağdakı nəticənin alınması üçün 1 və 2 nömrəli elementlərə, hansı float dəyəri verilməlidir?
CSS'də "overflow" xüsusiyyəti, bir elementin içindəki məzmunun daxil olduğu sahənin ölçülərindən böyük olduğu zaman nə edilməli olduğunu təyin edir.
"overflow" xüsusiyyətinin dəyəri "visible", "hidden", "scroll" və ya "auto" ola bilər.
"visible": Default dəyər olaraq qəbul edilir və məzmun elementin ölçülərini aşsada, içindəki məzmunun bütün hissəsi göstərilir.
"hidden": Elementin ölçülərindən çox olan məzmunu gizlədir. Buna görə də, məzmunun daşan hissəsi səhifədə görünməz.
"scroll": Məzmun elementin ölçülərindən çox olduqda, scroll yaradır. Onun vasitəsi ilə də bütün məzmunu görmək olar.
Nümunə və anlamaq üçün bu kodlara baxa bilərsiz:
DOCTYPE html>
You can use the overflow property when you want to have better control of the layout. The overflow property specifies what happens if content overflows an element's box.
Yuxarıdakı kodda overflow: visible; yerinə hidden scroll və auto yazıb yoxlaya bilərsiz.
CSS-də float və clear, HTML elementlərinin səhifədə necə yerləşdiriləcəyini təyin etmək üçün istifadə olunan iki mühüm xüsusiyyətdir.
Float xüsusiyyəti elementi sol və ya sağ tərəfə doğru sürüşdürür. Bu, məsələn, mətn yanında şəkil yerləşdirmək üçün istifadə edilə bilər.
Clear xüsusiyyəti, səhifədən həmin elementdən əvvəl olan bütün float elementlərinin özündən sol tərəfinə və ya sağ tərəfinə doğru sürüşməsini dayandırır. Bu, float özəlliyini istifadə edərkən, elementlərin istənilən şəkildə və yerləşdirmədə olduğu kimi qalması üçün istifadə edilə bilər.
Float xüsusiyyəti aşağıdakı dəyərlərdən birinə malik ola bilər:
left - Element öz konteynerinin solunda üzür
right - Element konteynerinin sağında üzür
none -Bu standartdır
inherit - Element öz anasının(parent) float dəyərini miras alır
clear xüsusiyyət aşağıdakı dəyərlərdən birinə malik ola bilər:
none - element sol və ya sağ üzən elementlərin altına itələnmir. Bu standartdır
left - element sol üzən elementlərin altına itələnir
right - Element sağa üzən elementlərin altına itələnir
both - Element həm sol, həm də sağ üzən elementlərin altına itələnir
inherit – Element clear dəyərini öz anasından(parentdən) miras alır
