Resize xassəsi

resize xassəsi textarea və ya digər elementlərin (digər elementlərlə bütün brauzerlərdə işləmir) olculərinin dəyişdirilməsini qadağan edir və ya icazə verir.

Sintaksis

cssselektor {
  resize: both | horizontal | vertical | none;
}

Dəyərlər

Dəyər	Açıqlama
`both`	Elementi enə və hündürlüyə görə uzatmaq olar.
`horizontal`	Elementi yalnız enə görə uzatmaq olar.
`vertical`	Elementi yalnız hündürlüyə görə uzatmaq olar.
`none`	Elementin olculərini dəyişmək olmaz.

Standart dəyər: none. textarea üçün bəzi brauzerlərdə: both. resize dəstəyi olmayan brauzerlərdə, textarea none dəyəri təyin olunmuş kimi davranacaq.

Nümunə . Both dəyəri

Element hər iki istiqamətdə uzadılır:

html<textarea></textarea>

csstextarea {
  resize: both;
  width: 200px;
  height: 200px;
}

Результат:

Nümunə . Horizontal dəyəri

Element yalnız üfüqi istiqamətdə uzadılır:

html<textarea></textarea>

csstextarea {
  resize: horizontal;
  width: 200px;
  height: 200px;
}

Результат:

Nümunə . Vertical dəyəri

Element yalnız şaquli istiqamətdə uzadılır:

html<textarea></textarea>

csstextarea {
  resize: vertical;
  width: 200px;
  height: 200px;
}

Результат:

Nümunə . None dəyəri

Element heç yöndə uzadılmır:

html<textarea></textarea>

csstextarea {
  resize: none;
  width: 200px;
  height: 200px;
}

Результат:

Nümunə . En və hündürlüyün məhdudlaşdırılması

Minimum və maksimum en və hündürlüyü max-width, min-width, max-height, min-height xassələri ilə məhdudlaşdırmaq olar:

html<textarea></textarea>

csstextarea {
  resize: both;
  min-height: 100px;
  max-height: 300px;
  min-width: 100px;
  max-width: 300px;
}

Результат: