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