CSS3 Resize Özelliği İle Nesnelere Boyutlarını Değiştirebilme Özelliğini Katma

CSS3 ile beraber gelen yeni özelliklerden biride resize özelliğidir bu özellik sayesinde özelliğin atandığı nesne büyültülüp küçültülebiliyor.

İçerik göster

CSS3 Resize Özelliği İle Nesnelerin Boyutlarını değiştirebilme

Textarea nesnesine bazı tarayıcılar tarafından otomatik olarak atanan büyültüp-küçültme özelliğini CSS3 resize özelliği sayesinden tüm html elemanlarına ekleyebiliyoruz.

Örnek olarak alttaki kodları deneyebilirsiniz veya alttaki sonuç kısmından ise kodun çıktısını canlı olarak görebilirsiniz.

Html

<!DOCTYPE html>
<html>
<head>
<style> 
div {
    border: 2px solid;
    padding: 10px 40px; 
    width: 300px;
    resize: both;
    max-width: 500px;
    overflow: auto;
}
</style>
</head>
<body>
<p><b>Not:</b> resize özelliği şuan için Internet Explorer tarafından desteklenmiyor</p>
<div>Bu özelliğin eklendiği html elemanları büyültülüp küçültülebiliyor.</div>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<style>

div {

border: 2px solid;

padding: 10px 40px;

width: 300px;

resize: both;

max-width: 500px;

overflow: auto;

}

</style>

</head>

<body>

<p><b>Not:</b> resize özelliği şuan için Internet Explorer tarafından desteklenmiyor</p>

<div>Bu özelliğin eklendiği html elemanları büyültülüp küçültülebiliyor.</div>

</body>

</html>

Sonuç

İçeriği puanla diğer kullanıcılara ışık tut

Kategoriler

Bloga e-posta ile abone ol

CSS3 Resize Özelliği İle Nesnelere Boyutlarını Değiştirebilme Özelliğini Katma

CSS3 Resize Özelliği İle Nesnelerin Boyutlarını değiştirebilme

Html

Sonuç

Bir yanıt yazın Yanıtı iptal et

CSS3 Resize Özelliği İle Nesnelerin Boyutlarını değiştirebilme

Html

Sonuç

Bir yanıt yazın Yanıtı iptal et

Murat Öner sitesinden daha fazla şey keşfedin