صفت Dimension
با این صفت می توانیم طول و عرض یک عنصر را کنترل کنید. همچنین می توانید فضای بین دو خط را افزایش دهید .
صفت Dimension دارای ویژگیهای زیر می باشد :
height => ارتفاع عنصر را تعیین می کند .
Line-height => فاصله بین خطوط را تعیین می کند .
max-height => حداکثر ارتفاع یک عنصر را تعیین می کند.
max-width => حداکثر عرض یک عنصر را تعیین می کند.
min-height => حداقل عرض یک عنصر را تعیین می کند .
min-width => حداقل عرض یک عنصر را تعیین می کند .
width => عرض عنصر را تعیین می کند.
ویژگیهای نام برده شده در بالا دارای 4 مقدار هستند :
1. Auto
2. lenght
3. %
4. inherit
بسیار خوب برای اینکه با کاربرد هر ویژگی بیشتر آشنا شوید به مثال های زیر توجه کنید :
در این قسمت می خواهم پاراگراف اول از پاراگراف دوم با عرض و ارتفاع مشخص شده یک فاصله ای داشته باشد :
{
height:100px;
width:100px;
}
ویژگی max-height | max-width
با این ویژگی می خواهم تا 50 پیکسل حداکثر از پاراگراف متن تایپ شده را با رنگی دیگر مشخص کنم
p.test
{
max-height : 50px;
max-width : 300px;
background-color : pink ;
}
این ویژگی تنها در مروگر نسخه 6 اینترنت اکسپلورر پشتیبانی نمی شود .
ویژگی min-height | min-width
ویژگی بالا حداکثر ارتفاع و حداکثر عرض یک عنصر را تعیین می کرد . با این ویژگی حداقل ارتفاع و عرض را تعیین می کنیم.
p.test
{
min-height : 50%;
min-width : 100%;
background-color : pink ;
}
این ویژگی تنها در مروگر نسخه 6 اینترنت اکسپلورر پشتیبانی نمی شود .