هم‌راستایی عمودی با سلول‌های جدول
| خط پایه | بالا | وسط | پایین | بالای متن | پایین متن |
عمودیعمودی تراز کردن با عناصر درون‌خطی
پایه
بالا
وسط
پایین
متن-بالا
متن-پایین
شفافیت
100%
75%
50%
25%
افقی مرکزیت
عنصر مرکزی
نسبت به والد
عرض 25%
عرض 50%
عرض 75%
عرض 100%
عرض خودکار
ارتفاع 25%
ارتفاع 50%
ارتفاع 75%
ارتفاع 100%
ارتفاع خودکار
همچنین می‌توانید از max-width: 100%; و max-height: 100%; به دلخواه استفاده کنید.
حداکثر ارتفاع 100%
نمایش درون خطی
d-inline
d-inline
D-block
d-block
d-block
d-block
شناور
Float start
Float end
Don't float
شناور پاسخگو
Float sm
Float md
Float lg
Float xl
انتخاب متن
این پاراگراف زمانی که توسط کاربر کلیک شود، به طور کامل انتخاب خواهد شد.
این پاراگراف رفتار انتخاب پیش‌فرض دارد.
این پاراگراف زمانی که توسط کاربر کلیک شود، قابل انتخاب نخواهد بود.
فاصله (Gap)
شبکه بندی آیتم 1
شبکه بندی آیتم 2
شبکه بندی آیتم 3
مثال ها
بدون سایه
سایه کوچک
سایه معمولی
سایه بزرگ‌تر
Overflow
این یک مثال از استفاده از
.overflow-auto روی عنصری با عرض و ارتفاع مشخص است. به طور پیش‌فرض، این محتوا به صورت عمودی اسکرول می‌شود.
این یک مثال از استفاده از
.overflow-hidden روی عنصری با عرض و ارتفاع مشخص است.
این یک مثال از استفاده از
.overflow-visible روی عنصری با عرض و ارتفاع مشخص است.
لورم ایپسوم متن ساختگی صنعت چاپ است.
این یک مثال از استفاده از
.overflow-scroll روی عنصری با عرض و ارتفاع مشخص است.