آموزش CSS 3 > سایر خواص در CSS 3 > خاصیت box-flex

خاصیت box-flex :

خاصیت box-flex ، مشخص می کند که آیا اعضای درونی یک جعبه ( child elements ) از لحاظ اندازه قابل ارتجاع و بزرگ یا کوچک شدن باشند یا خیر .
به عبارت دیگر در هنگام بزرگ و کوچک شدن عنصر مادر ( parent ) ، آنها نیز بزرگ و کوچک شوند یا اندازه خود را ثابت نگه دارند .
مقدار پیش فرض این خاصیت ( 0.0 ) است و به این معناست که اعضای درونی جعبه قابل بزرگ و کوچک شدن نبوده و اندازه آنها همواره ثابت است .

شکل کلی استفاده از این خاصیت به صورت زیر است :

Syntax box-flex : value ;

box-flex  موارد مختلف خاصیت
توضیح مقدار
این خاصیت میزان انعطاف پذیری و بزرگ و کوچک شدن عنصر را مشخص می کند .
مقدار پیش فرض آن صفر است و به این معناست که عناصر درون جدول ، اندازه ثابت داشته و انعطاف پذیر نیستند .
اما مقادیر 1 ، 2 و ... را نیز می توان قرار داد . عناصری که مقدار این خاصیت برای آنها 2 است ، 2 برابر عناصری که مقدار خاصیت انها 1 است ، قابل انعطاف هستند .
value

پشتیانی در مرورگر های مختلف :

   

اکثر مرورگر های مطرح به جز اکسپلورر از این خاصیت پشتیانی می کنند .

کد لازم برای پشتیانی نوع مرورگر
باید به صورت 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;
  }


راجع این مطلب سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...         >>>>>  ورود به انجمن تخصصی


نظر خودتان درباره این صفحه را با ما در میان بگذارید :

آیا مطالب این صفحه برای شما مناسب و مفید بوده است :

نام :                 
آدرس Email :    
 
نظر شما :  
 
سوال امنیتی : پایتخت ایران ؟