Örnek
Bir belirtin <div> elemanı Kullanıcı boyutunu olmalıdır:
div {
resize: both;
overflow: auto;
}
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
boyutlandırma özelliği bir unsur Kullanıcı boyutunu olup olmadığını belirtir.
Note: boyutlandırmak mülkiyet olan bilgisayarlı taşma değeri dışında bir hususlar için de geçerlidir "visible" .
| Varsayılan değer: | none |
|---|---|
| Miras: | no |
| canlandırılabilir: | no. Read about animatable |
| Versiyon: | CSS3 |
| JavaScript sözdizimi: | object .style.resize="both" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
-moz- ardından Numaraları önek ile çalıştı ilk sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| resize | 4.0 | Desteklenmiyor | 5.0 4,0 -moz- | 4.0 | 15.0 |
CSS sözdizimi
resize: none|both|horizontal|vertical|initial|inherit;Mülkiyet Değerler
| değer | Açıklama | Oynat |
|---|---|---|
| none | Varsayılan değer. Kullanıcı öğesi yeniden boyutlandırmak olamaz | Oynat " |
| both | Kullanıcı yükseklik ve elemanın genişliği hem de ayarlayabilir | Oynat " |
| horizontal | Kullanıcı elemanının genişliği ayarlayabilir | Oynat " |
| vertical | Kullanıcı elemanının yüksekliğini ayarlayabilen | Oynat " |
| initial | varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun | Oynat " |
| inherit | üst öğesinden bu özelliği devralır. Yaklaşık miras oku |
Diğer Örnekler
Örnek
Kullanıcı bir tek yüksekliğini yeniden boyutlandırmak Let <div> elemanı:
div
{
resize: vertical;
overflow:
auto;
}
Kendin dene " Örnek
Kullanıcı bir tek genişliğini yeniden boyutlandırmak Let <div> elemanı:
div
{
resize: horizontal;
overflow:
auto;
}
Kendin dene " Örnek
Varsayılan olarak, <textarea> unsurlar boyutunu vardır. Boyutlandırılmasını textareas önlemek için boyutlandırma özelliğini kullanın (disable the "grabber" in the textarea) :
textarea {
resize: none;
}
Kendin dene " İlgili Sayfalar
CSS3 öğretici: CSS3 Kullanıcı Arayüzü
HTML DOM referansı: resize property