თვისება resize

თვისება resize აუკრძალავს ან დაუშვებს textarea-ის ან სხვა ელემენტების ზომის შეცვლას (სხვა ელემენტებთან მუშაობს ყველა ბრაუზერში არა).

სინტაქსი

სელექტორი {
	resize: both | horizontal | vertical | none;
}

მნიშვნელობები

მნიშვნელობა	აღწერა
`both`	ელემენტის გაწელვა შესაძლებელია სიგანეში და სიმაღლეში.
`horizontal`	ელემენტის გაწელვა შესაძლებელია მხოლოდ სიგანეში.
`vertical`	ელემენტის გაწელვა შესაძლებელია მხოლოდ სიმაღლეში.
`none`	ელემენტის ზომის შეცვლა შეუძლებელია.

მნიშვნელობა ნაგულისხმევად: none. textarea-ისთვის ზოგიერთ ბრაუზერში: both. იმ ბრაუზერებში, სადაც resize-ის მხარდაჭერა არ არის, textarea იქნება ისე, როგორც თუ none იქნებოდა მინიჭებული.

მაგალითი . მნიშვნელობა both

ელემენტი იწელება ორივე მიმართულებით:

<textarea></textarea>

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

მაგალითი . მნიშვნელობა horizontal

ელემენტი იწელება მხოლოდ ჰორიზონტალურად:

<textarea></textarea>

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

მაგალითი . მნიშვნელობა vertical

ელემენტი იწელება მხოლოდ ვერტიკალურად:

<textarea></textarea>

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

მაგალითი . მნიშვნელობა none

ელემენტი საერთოდ არ იწელება:

<textarea></textarea>

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

მაგალითი . სიგანისა და სიმაღლის შეზღუდვა

შესაძლებელია სიგანისა და სიმაღლის მინიმალური და მაქსიმალური შეზღუდვა თვისებების max-width, min-width, max-height, min-height გამოყენებით:

<textarea></textarea>

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