خاصیت align-self در CSS - وب سایت PNLdev

یک نمونه ساده از خاصیت align-self:

align-self: center;

آزمایشگاه

تعریف و کاربرد

خاصیت align-self یک تراز و جهت را برای آیتم های داخل یک block که در flex-box یا grid وجود دارند، تعیین می کند.

برای صفحاتی با زبان انگلیسی، تزار و جهت block به سمت پایین و جهت آیتم ها از چپ به راست عنوان می شود.

اعدادی که در فیلد های مرورگر ها درج شده اند، بیانگر ورژن ساپورت کننده خاصیت align-self هستند.

#	کروم	ادج	فایرفاکس	سافاری	اپرا
align-self

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

مقادیر	توضیحات
auto	باعث می شود تا خاصیت align-item از ویژگی های تگ والد خود استفاده کند.
stretch	باعث می شود تا تگ والد، به صورت کشیده box قرار بگیرد.
center	باعث می شود تا تگ والد، در وسط box قرار بگیرد.
flex-start	باعث می شود تا تگ والد، در شروع box قرار بگیرد.
flex-end	باعث می شود تا تگ والد، در انتهای box قرار بگیرد.
baseline	باعث می شود تا تگ والد، از خط پایه box قرار بگیرد.
initial	خاصیت مربوطه را به تنظیمات پیش فرض خود اضافه می کند.
inherit	ویژگی مربوطه را از طریق والد خود به ارث می برد.

آموزش CSS: شبکه CSS

آموزش CSS: CSS flexbox

مرجع CSS: ویژگی align-content

مرجع CSS: ویژگی align-items

مرجع CSS: دارایی justify-self

مرجع HTML DOM: ویژگی alignSelf

CSS Reference

مرجع CSS

خاصیت های CSS