لوگو دویکس
ورود / ثبت نام
flex-base در CSS

flex-base در CSS

دسته بندی : آموزش CSS سطح مقاله : متوسط زمان مطالعه : 2 دقیقه آخرین بروز رسانی: 20 بهمن 1399

با ویژگی flex-base در CSS در این مقاله آشنا می شوید.

مبنای CSS flex چیست؟

ویژگی CSS flex-based فقط برای موارد flex اعمال می شود. با استفاده از آن ، می توانید طول اولیه را برای موارد فلکس تنظیم کنید:

a:nth-of-type(3) {
    -webkit-flex-basis: 50px; /* Safari 6.1 and newer */
    flex-basis: 50px;
}

بررسی ویژگی flex-base در CSS

نحو برای ویژگی flex-basic به شرح زیر است:

flex-based: مقدار؛

مقادیر خاصیت موجود در بخش زیر ارائه شده است.

ارزش های ویژگی

DescriptionValue
مقدار پیش فرض اندازه عنصر به خصوصیات عرض و ارتفاع بستگی داردauto
اندازه عنصر به محتوای آن بستگی داردcontent
اندازه اولیه مورد فلکس تعریف شده در واحدهای طول CSS (به عنوان مثال ، px)Length units
اندازه اولیه مورد فلکس برحسب درصد تعریف شده است که نشان دهنده ارتباط با اندازه ظرف فلکس والد استPercentages

پشتیبانی از مرورگر

این تگ در مرورگرهای IE ، safari ، firefox، cherom، opera وEdge پشتیبانی می شود.

در دوره آموزش CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊