آموزش CSS 3 > سایر خواص در CSS 3 > خاصیت box-flex
خاصیت box-flex :
خاصیت box-flex ، مشخص می کند که آیا اعضای درونی یک جعبه ( child elements ) از لحاظ
اندازه قابل ارتجاع و بزرگ یا کوچک شدن باشند یا خیر .
به عبارت دیگر در هنگام بزرگ و کوچک شدن عنصر مادر ( parent ) ، آنها نیز بزرگ و کوچک
شوند یا اندازه خود را ثابت نگه دارند .
مقدار پیش فرض این خاصیت ( 0.0 ) است و به این معناست که اعضای درونی جعبه قابل بزرگ
و کوچک شدن نبوده و اندازه آنها همواره ثابت است .
شکل کلی استفاده از این خاصیت به صورت زیر است :
|
Syntax
|
box-flex : value ;
|
|
توضیح
|
این خاصیت میزان انعطاف پذیری و بزرگ و کوچک شدن عنصر را مشخص می کند .
مقدار پیش فرض آن صفر است و به این معناست که عناصر درون جدول ، اندازه ثابت داشته
و انعطاف پذیر نیستند .
اما مقادیر 1 ، 2 و ... را نیز می توان قرار داد . عناصری که مقدار این خاصیت برای
آنها 2 است ، 2 برابر عناصری که مقدار خاصیت انها 1 است ، قابل انعطاف هستند .
|
پشتیانی در مرورگر های مختلف :
اکثر مرورگر های مطرح به جز اکسپلورر از این خاصیت پشتیانی می کنند .
|
باید به صورت moz-box-flex- نوشته شود .
|
|
باید به صورت webkit-box-flex- نوشته شود .
|
|
پشتیانی نمی شود .
|
|
باید به صورت webkit-box-flex- نوشته شود .
|
مثال :
در مثال زیر دو حالت نمایش محتویات در یک جعبه را نمایش داده ایم :
#p1
{
-moz-box-flex:1.0; /* Firefox */
-webkit-box-flex:1.0; /* Safari
and Chrome */
box-flex:1.0;
border:1px solid red;
}
#p2
{
-moz-box-flex:2.0; /* Firefox */
-webkit-box-flex:2.0; /* Safari
and Chrome */
box-flex:2.0;
border:1px solid blue;
}
|
راجع این مطلب
سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...
>>>>> ورود به انجمن تخصصی
نظر خودتان درباره این صفحه را با ما در میان بگذارید :