Aydın CSS xüsusiyyət CSS1-dən sonra CSS-nin bir hissəsidir. Təmiz elementin yanında və hansı tərəfdə (elementlərdə) elementlərin nə ilə hərəkət edə biləcəyini müəyyən etməyə imkan verir. Aydın əmlakın beş mümkün qiyməti var:
- heç kim
- sola çıxdı
- sağ olun
- həm də
- devralır
CSS-ni necə təmiz istifadə etməli
Təmiz əmlakdan istifadə etmək üçün ən geniş istifadə edilən element, elementdə float xüsusiyyətini istifadə etdikdən sonra. Misal üçün:
Görünüşümün yanında mətn.
Görünüşümün altındakı mətn.
Bütün elementlər silinməmişdir: heç biri; , buna görə də başqa elementlərin bir şeyin yanına keçməsini istəmirsinizsə, aydın stil dəyişdirməlisiniz.
Güzgüləri təmizləyərkən, süzgəcinizə aydınlıq gətirirsiniz. Beləliklə elementi sola salıbsanız, sola silin. Süzülmüş elementiniz float etməyə davam edəcək, lakin təmizlənmiş element və bundan sonra hər şey veb səhifəsində aşağıda görünəcəkdir.
Həm sağa, həm də sola yönəldilmiş elementləriniz varsa, yalnız bir tərəfi təmizləyə bilərsiniz və ya hər ikinizi də təmizləyə bilərsiniz.
Layouts-da təmizləyin
Çox dizaynerlərin açıq şəkildə istifadə etdiyi ən çox yayılmış yol , səhifə elementlərinin düzəldilməsidir . Bir mətn bloğu içərisində üzən bir görünüşə sahib ola bilərsiniz və növbəti paraqrafın imicinin altından başlamasını istəyirik və ya bir neçə mətnin yanında, aşağıda görünən bir mətnin yanında hərəkət etmək istədiyiniz bütün sütununuz ola bilər.
Bu formada bir layout üçün HTML burada.
Bir başqa div tutan, sola süzülmüş bir başqa var.
Qısa yayılmış div
Konteyner div içərisində içərisində olan floated divin sağında olacaq.
Bu əsas divun məzmununun qalan hissəsinin solunda üzən qısa div ilə yaxşı işləyəcəkdir.
Yayılmamış qutunun yanında yazı yazmağa başlamağınızın istədiyi yerə bir etiket əlavə etməklə süzülmüş qutunun yanında olan mətni təmizləyə bilərsiniz.
Ancaq soruşulan qutu yanına gələn məzmundan daha uzun olduğunda gəlir. Gördüyünüz kimi, əsas qutunun arxa planı rənglənmiş qutunun aşağı hissəsinə keçirilmir.
Xoşbəxtlikdən, bunu düzəltmək üçün asan bir yol var: əmlak. Əsas qutuyu daşımaq üçün: avtomatik; ardıcıl rəng , bu nümunədə göstərildiyi kimi, daha uzun dartılmış qutunun yanında qalacaqdır.