استخدام خاصية CSS3 align-self و مثال

تحدد خاصية align-self طريقة التضيف المبدئية للعناصر داخل وحدة التشغيل المروبة.

الجدول أدناه يلخص سياق استخدام الخاصية والسجلات التاريخية للإصدارات.

قواعد استخدام خاصية align-self

قواعد نحوية الخاصية كالتالي:

align-self:　auto　|　baseline　|　center　|　flex-start　|　flex-end　|　stretch　|　initial　|　inherit

المثال التالي يوضح كيفية استخدام خاصية align-self.

.flex-container　{
　　　　/* Safari */
　　　　عرض: -webkit-انسياب;　
　　　　-webkit-tسوية العناصر: البداية;
　　　　
　　　　عرض: انسياب;
　　　　تسوية العناصر: البداية;
}
.منسقة {
　　　　/* Safari */
　　　　-webkit-الانسياب: 1;　
　　　　-webkit-align-self: تمدد;
　　　　
　　　　الانسياب: 1;　
　　　　align-self: تمدد;
}

قيمة الخاصية

يصف الجدول أدناه قيمة هذه الخاصية.

توافق المتصفح

توافق متصفحات align-self، يدعم جميع المتصفحات الرئيسية هذه الخاصية.

قراءة متعمقة

يرجى الرجوع إلى الدروس التالية:تسوية CSS。

خصائص مرتبطة:تسوية المحتوى،تسوية العناصر،عرض،الانسياب،العرض الأساسي،اتجاه الترتيب،الترتيب المتجول والنمو،النمو في التوسع،النقص في التقلص،الترتيب المتجول،عدل المحتوى،أقل طول،أقل عرض،ترتيب。