ویژگی width Style

تعریف و استفاده

ویژگی width تنظیم یا بازگشتی عرض عنصر.

ویژگی width این ویژگی تنها برای عناصر بلوکی یا عناصر دارای موقعیت مطلق یا ثابت معتبر است. محتوای نشت شده می‌تواند با استفاده از ویژگی overflow برای پردازش استفاده کنید.

توضیح:از ویژگی height تنظیم یا بازگشتی ارتفاع عنصر.

لطفاً به

آموزش CSS:ابعاد CSS

آموزش CSS:مدل فریم CSS

دستورالعمل CSS:ویژگی width

مثال

مثال 1

عرض عنصر <button> را تنظیم می‌کند:

document.getElementById("myBtn").style.width = "300px";

آزمایش کنید

مثال 2

عرض عنصر <div> را تغییر می‌دهد:

document.getElementById("myDIV").style.width = "500px";

آزمایش کنید

مثال 3

ارتفاع و عرض عناصر <img> را تغییر می‌دهد:

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";

آزمایش کنید

مثال 4

عرض عناصر <img> را بازمی‌گرداند:

alert(document.getElementById("myImg").style.width);

آزمایش کنید

قوانین دستور زبان

بازگشتی ویژگی width:

عنصر.style.width

تنظیم ویژگی width:

عنصر.style.width = "auto|length|%|ابتدایی|وراثت"

مقدار ویژگی

مقدار توضیح
자동 عرض را تنظیم می‌کند. پیش‌فرض.
length عرض را به صورت واحد اندازه‌گیری تعریف می‌کند.
% عرض عنصر والد را به صورت درصد تعریف می‌کند.
ابتدایی این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به ابتدایی.
وراثت این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به وراثت.

جزئیات فنی

مقدار پیش‌فرض: 자동
مقدار بازگشتی: رشته‌ای است که عرض عناصر را نشان می‌دهد.
نسخه‌ی CSS: CSS1

بازدید‌کننده‌های مرورگر پشتیبانی می‌کنند

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی