سفارش

Order CSS ویژگی سفارش را برای قرار دادن یک مورد در یک ظرف فلکس یا شبکه تنظیم می کند. موارد موجود در یک ظرف با مقدار سفارش صعودی و سپس با دستور کد منبع آنها مرتب می شوند.

امتحانش کن

نحو

/* ارزش های */ سفارش: 5; سفارش: -5; / * ارزشهای جهانی */ سفارش:به ارث می برند; سفارش:اولیه; سفارش:بازگشت; سفارش:لایه برگشتی; سفارش:ناراضی; 

از آنجا که سفارش فقط برای تأثیرگذاری بر ترتیب بصری عناصر است و نه نظم منطقی یا برگه آنها. سفارش نباید در رسانه های غیر بصری مانند گفتار استفاده شود.

ارزش های

نمایانگر گروه نظم است که توسط مورد استفاده می شود.

نگرانی های دسترسی

با استفاده از ویژگی سفارش ، ارتباط بین ارائه بصری محتوا و ترتیب DOM ایجاد می شود. این امر بر کاربرانی که با کمک فن آوری کمکی مانند خواننده صفحه نمایش در حال حرکت هستند ، تأثیر منفی می گذارد. اگر سفارش بصری (CSS) مهم باشد ، کاربران خواننده صفحه نمایش به ترتیب صحیح خواندن دسترسی نخواهند داشت.

• Flexbox & Cobigation Cobigation Connection - Tink
• سفارش منبع |آدریان روزلی
• درک MDN WCAG ، راهنما 1. 3 توضیحات
• درک معیار موفقیت 1. 3. 2 |W3C درک WCAG 2. 0

تعریف رسمی

نحو رسمی

سفارش =

مثال ها

سفارش وسایل در یک ظرف فلکس

در این مثال از CSS برای ایجاد یک طرح کلاسیک دو جانبی پیرامون یک بلوک محتوا استفاده می کند. ماژول چیدمان جعبه انعطاف پذیر به طور خودکار بلوک هایی با اندازه عمودی مساوی ایجاد می کند و از فضای افقی به اندازه موجود استفاده می کند.

HTML

سرتیتر>…سرتیتر> اصلی> مقاله>مقالهمقاله> ناو>ناوناو> گذشته از>گذشته ازگذشته از> اصلی> پشته>…پشته> 

CSS

اصلی  نمایش دادن:خم شدن; متناسب با متن:مرکز; > main>مقاله  خم شدن: 1; سفارش: 2; > main>ناو  عرض:200 پیک; سفارش: 1; > main>گذشته از  عرض:200 پیک; سفارش: 3; > 

نتیجه

مشخصات فنی

سازگاری مرورگر

جداول BCD فقط در مرورگر بارگیری می شود

همچنین ببینید

• راهنمای CSS Flexbox: مفاهیم اساسی Flexbox
• راهنمای CSS Flexbox: سفارش موارد فلکس
• راهنمای شبکه CSS: طرح و دسترسی به شبکه CSS

با این صفحه مشکل محتوا پیدا کرده اید؟

• صفحه را در GitHub ویرایش کنید.
• گزارش محتوا را گزارش دهید.
• منبع را در GitHub مشاهده کنید.

این صفحه آخرین بار در 21 فوریه 2023 توسط همکاران MDN اصلاح شد.

طرح شما برای اینترنت بهتر.

مگد

حمایت کردن

• کمک محصول
• گزارش یک موضوع

جوامع ما

توسعه دهنده

• فن آوری های وب
• توسعه وب را بیاموزید
• MDN به علاوه

• اطلاعیه حریم خصوصی وب سایت
• بیسکویت ها
• مجاز
• دستورالعمل مشارکت جامعه

به والدین غیر انتفاعی شرکت موزیلا ، بنیاد موزیلا مراجعه کنید. بخش هایی از این محتوا © 1998 - 2023 توسط مشارکت کنندگان mozilla. org است. محتوای موجود تحت مجوز Creative Commons.