align-items
۲۵ آذر ۱۳۹۴ | 0 نظر | لینک کوتاه | css, properties, آموزش, المان های CSSاین خصوصیت align item تعریف می کند که چگونه یک شی انعطاف پذیر در راستای محور ها می تواند جابجا شود.
این خصوصیت دارای ۵ زیرخواص هست که به ترتیب شامل موارد زیر هستند :
flex-start : چسبیدن همه آیتم ها به بالاترین نقطه تراز
flex-end : چسبیدن همه آیتم ها در پایین ترین نقطه تراز
center : آیتم در راستای محور ها در وسط قرار می گیرد.
baseline: آیتم ها بر اساس خطوط تراز خود تنظیم می شوند.
stretch : ( پیشفرض ) این حالت کل صفحه مربوطه پر می شود.
پیش نمایش:
در دموی زیر :
flex-start : قرمز
flex-end : زرد
center : آبی
baseline: سبز
stretch : صورتی
جه مرورگرهایی از این خصوصیت پشتیبانی می کنند:
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| ۲۱+ (modern) ۲۰- (old) |
۳٫۱+ (old) | ۲-۲۱ (old) ۲۲+ (new) |
۱۲٫۱+ (modern) | ۱۰+ (hybrid) | ۲٫۱+ (old) | ۳٫۲+ (old) |
مطالب تصادفی
- نمونه کد tabs با jquery نسخه ساده + دمو
- background-attachment
- قالب چند منظوره Fortuna v1.11 برای وردپرس
- استایل متفاوت برای سایت در ساعات مختلف شبانه روز !
- جلوگیری از کپی مطالب وبسایت با این کد !
- فرم ارسال ایمیل با قابلیت درج رونوشت CC و BCC
- کد نمایش عکس تصادفی با لود شدن صفحه
- شورت کد های حروف خاص در HTML
- نحوه فراخوانی query در single.php
- نمونه یک فرم ارسال مشخصات ساده html
- پوسته رسپانسیو Local Business وردپرس
- نمونه کد دریافت اطلاعات host mysql
- نمونه فرم کامل تماس با ما به زبان Php
- افزونه اکیسمت برای وردپرس
- تغییر استایل سایت در روزهای مختلف هفته !
- appearance
- نمونه فرم استفاده از اطلاعات چک باکسی به زبان php
- نمونه کد php استفاده صحیح از mysql_query ()
- قرار دادن چند خط در یک دکمه
- آرگومان پیشفرض برای توابع در javascript
دیدگاه بگذارید
Be the First to Comment!