تغییر اندازه در CSS

به بررسی ویژگی تغییر اندازه در CSS می پردازیم.

تغییر اندازه تصاویر CSS

با استفاده از ویژگی تغییر اندازه ، می توانید تعیین کنید که آیا یک عنصر توسط کاربر تغییر اندازه می دهد یا خیر:

div {
    resize: both;
    overflow: auto;
}

علاوه بر این ، این ویژگی به شما امکان می دهد جهت هایی را تغییر دهید که می توان عنصر را در آن تغییر اندازه داد:

div {
    resize: vertical;
    overflow: hidden;  
}

توجه: نمی توانید از اندازه در عناصر درون خطی استفاده کنید یا عناصری را مسدود کنید که خاصیت سرریز برای آن ها قابل مشاهده است.

نیازهای نحوی برای تغییر سایز CSS

نحو مربوط به ویژگی تغییر اندازه شما را ملزم به انتخاب و تعریف یک از چهار مقدار موجود می کند:

تغییر اندازه: مقدار؛

در مثال زیر ، می توانید نحوه تغییر اندازه مجدد متن متنی را با استفاده از مقدار پیش فرض تغییر اندازه CSS مشاهده کنید:

textarea {
    resize: none;
}

ویژگی های resize

پشتیبانی از مرورگر

این تگ در مرورگرهای IE ، safari ، firefox، cherom، opera وEdge پشتیبانی می شود.

در دوره آموزش CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.