ویژگی width CSS
- صفحه قبل widows
- صفحه بعدی word-break
تعریف و استفاده
ویژگی width عرض عنصر را تنظیم می‌کند.
توضیح
این ویژگی عرض محتوای عنصر را تعریف می‌کند، که می‌توان در بیرون محتوای آن به حاشیه‌های داخلی، لبه‌ها و حاشیه‌های بیرونی اضافه کرد.
عناصر غیر جایگزین درون‌خطی این ویژگی را نادیده می‌گیرند.
لطفاً ببینید:
دوره آموزشی:اندازه CSS
دوره آموزشی:مقدمه‌ای بر مدل فریم CSS
دستورالعمل CSS:ویژگی height
دستورالعمل HTML DOM:ویژگی width
قوانین CSS
width: auto|value|initial|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| auto | مقدار پیش‌فرض. مرورگر عرض واقعی را محاسبه می‌کند. |
| length | با استفاده از واحدهای مانند px، cm و غیره عرض را تعریف کنید. |
| % | عرض بر اساس درصد عرض محتویات (عنصر پدر) تعریف می‌شود. |
| inherit | این ویژگی باید از مقادیر width از عنصر پدر ارث ببرد. |
جزئیات فنی
| مقدار پیش‌فرض: | auto |
|---|---|
| ارث: | no |
| نسخه: | CSS1 |
| قوانین جاوااسکریپت: | object.style.width="50px" |
مثال عملی
- استفاده از مقادیر پیکسلی برای تنظیم عرض عناصر
- این مثال نشان می‌دهد که چگونه می‌توان با استفاده از مقادیر پیکسلی عرض عناصر را تنظیم کرد.
- استفاده از درصد برای تنظیم عرض عناصر
- این مثال نشان می‌دهد که چگونه می‌توان با استفاده از درصد، عرض عناصر را تنظیم کرد.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این ویژگی هستند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- صفحه قبل widows
- صفحه بعدی word-break
