CSS-də overflow xüsusiyyəti nə edir və hansı hallarda istifadə edilməlidir?

CSS-də overflow xüsusiyyəti, elementin sərhədlərindən çıxan məzmunu necə idarə edəcəyini müəyyən edir.

• visible: Məzmun tam göstərilir, hətta konteynerdən çıxsa belə.
• hidden: Konteynerdən çıxan məzmun kəsilir və görünmür.
• scroll: Həmişə sürüşdürmə çubuqları (horizontally və vertically) göstərilir, hətta məzmun çıxmasa belə.
• auto: Məzmun çıxarsa, yalnız lazım olduqda sürüşdürmə çubuqları görünür.

İstifadəsi:

• Elementin məzmunu (məsələn, mətn və ya şəkil) təyin olunmuş ölçülərdən böyük ola bilər və onun göstərilməsini idarə etmək lazımdır.
• Səhifə daxilində sürüşdürülə bilən sahələr yaratmaq üçün, məsələn, siyahılar, kod blokları və ya cədvəllər üçün.
• İstənməyən, elementdən çıxan məzmunu kəsmək və ilkin düzəni qorumaq üçün.

overflow: auto; istifadə nümunəsi, məhdud hündürlüyə malik blok üçün:

.scrollable-block {
  height: 200px; /* Blokun hündürlüyünü məhdudlaşdırır */
  overflow: auto; /* Məzmun böyükdürsə, sürüşdürmə çubuqları əlavə edir */
  border: 1px solid #ccc; /* Görünüş üçün sərhəd əlavə edir */
  padding: 10px; /* Daxili boşluq */
}