HTML Resimler - width ve height mi yoksa style özelliği mi?
<!DOCTYPE html>
<html>
<head>
<style>
img {
width:100%;
}
</style>
</head>
<body>
<p><b>width</b> ve <b>height</b> özellikleri yerine <b>style</b> özelliğini kullanmak daha iyidir. Çünkü style özelliği, belgeiçi veya harici stil şablonlarının (CSS) resmin orijinal boyutunu değiştirmesini önler:</p>
<br />
<p><b>style özelliği kullanılan resim:</b></p>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHw4z93XfNbDN86CULhoUSyxfRiU_uQIi7ILHIMqmiH6qkLnw6b7I9SiiszZv8bwVRDTBwj3qXXd2mCmI60M_CrEExyUo8j4MoIMhBNEWIYeP72PVe_yRul51p7SqdvFWUFeiy3fcsrw/s200/HTML.png" alt="HTML5 ikon" style="width:150px; height:150px;" />
<p><b>width ve height özellikleri kullanılan resim:</b></p>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHw4z93XfNbDN86CULhoUSyxfRiU_uQIi7ILHIMqmiH6qkLnw6b7I9SiiszZv8bwVRDTBwj3qXXd2mCmI60M_CrEExyUo8j4MoIMhBNEWIYeP72PVe_yRul51p7SqdvFWUFeiy3fcsrw/s200/HTML.png" alt="HTML5 ikon" width="150px" height="150px" />
</body>
</html>
Yorumlar
Yorum Gönder