در این مقاله با لیستی از جدولهای خصوصیات CSS آشنا می شوید.
A
| خطوط نوشتاری را در سمت چپ ظرف فلکس بسته بندی می کند | align-content |
| ترازبندی پیش فرض را برای موارد داخل یک ظرف فلکس خاص مشخص می کند | align-items |
| تراز بندی یک مورد انتخاب شده در یک ظرف فلکس را مشخص می کند | align-self |
| تمام خصوصیات را به مقدار ارثی یا مقدار اولیه بازنشانی می کند | all |
| خلاصه ای از هشت ویژگی مورد استفاده برای انیمیشن | animation |
| تأخیر را قبل از شروع پخش یک انیمیشن مشخص می کند | animation-delay |
| مشخص می کند که آیا انیمیشن در چرخه های معکوس یا متناوب پخش می شود | animation-direction |
| مدت زمان چرخه انیمیشن را تنظیم می کند | animation-duration |
| سبک را برای یک عنصر تنظیم می کند در حالی که انیمیشن فعال نیست (تمام شده یا تأخیر) | animation-fill-mode |
| تعداد دفعات تکرار یک انیمیشن را مشخص می کند | animation-iteration-count |
| نام انیمیشن را مشخص می کند | animation-name |
| مدت زمان انتقال یک عنصر از یک مجموعه سبک به مجموعه دیگر را مشخص می کند | animation-timing-function |
B
| مشخص می کند که اگر پشت عنصر رو به صفحه نیست ، قابل مشاهده است | backface-visibility |
| خلاصه ای برای هشت ویژگی مورد استفاده برای پس زمینه | background |
| منطقه ای را که پس زمینه باید گسترش یابد مشخص می کند | background-clip |
| رنگ پس زمینه را تنظیم می کند | background-color |
| تصویر پس زمینه را برای یک عنصر تنظیم می کند | background-image |
| محل قرارگیری تصویر پس زمینه را مشخص می کند | background-origin |
| موقعیت اولیه تصویر پس زمینه را مشخص می کند | background-position |
| اندازه تصویر پس زمینه را مشخص می کند | background-size |
| خلاصه ای برای سه ویژگی مورد استفاده برای مرزها | border |
| گوشه های گرد شده را برای یک عنصر تعریف می کند | border-bottom-left-radius |
| تصویری را تعیین می کند که به جای حاشیه منظم استفاده شود | border-image |
| مشخص می کند چه مقدار از تصویر حاشیه خارج از جعبه حاشیه قرار دارد | order-image-outset |
| مشخص می کند که تصویر حاشیه گرد باشد ، تکرار شود یا کشیده شود | border-image-repeat |
| نحوه برش یک تصویر حاشیه را مشخص می کند | border-image-slice |
| مسیر دسترسی به تصویری را که می خواهید به عنوان حاشیه استفاده کنید مشخص می کند | border-image-source |
| عرض تصویر حاشیه را مشخص می کند | border-image-width |
| خلاصه ای برای چهار ویژگی مورد استفاده برای شعاع مرز | border-radius |
| سبک خطوط مرزی را مشخص می کند | border-style |
| شکل حاشیه گوشه بالا سمت چپ را مشخص می کند | border-top-left-radius |
| شکل حاشیه گوشه سمت راست بالا را مشخص می کند | border-top-right-radius |
| شکل حاشیه گوشه پایین سمت چپ را مشخص می کند | border-bottom-left-radius |
| شکل حاشیه گوشه پایین سمت راست را مشخص می کند | border-bottom-right-radius |
| سایه ای را به عنصر جعبه اضافه می کند | box-shadow |
| مشخص می کند که آیا مقادیر ارتفاع و عرض جعبه محتوا یا جعبه حاشیه را نشان می دهد | box-sizing |
C
| رنگ متن را تنظیم می کند | color |
| تعداد ستونهایی که یک عنصر باید به آنها تقسیم شود را مشخص می کند | column-count |
| فاصله بین ستون ها را مشخص می کند | column-gap |
| خلاصه ای برای سه ویژگی مورد استفاده برای قوانین ستون | column-rule |
| رنگ قانون ستون را مشخص می کند | column-rule-color |
| سبک قانون ستون را مشخص می کند | column-rule-style |
| عرض قانون ستون را مشخص می کند | column-rule-width |
| مشخص می کند که یک ستون باید چند ستون را در طول خود باز کند | column-span |
| عرض بهینه ستون را مشخص می کند | column-width |
| خلاصه ای برای عرض ستون و تعداد ستون ها | columns |
D
| مشخص می کند که این عنصر از چه نوع ظرفی استفاده خواهد کرد | display |
F
| جلوه های بصری را برای عناصر تعریف می کند | filter |
| خلاصه ای برای انعطاف پذیر ، انعطاف پذیر و انعطاف پذیر | flex |
| طول اولیه یک مورد فلکس را تنظیم می کند | flex-basis |
| قرار دادن موارد فلکس را مشخص می کند | flex-direction |
| خلاصه ای برای جهت انعطاف پذیر و انعطاف پذیر | flex-flow |
| مشخص می کند که یک کالای فلکس در فضای خالی در یک ظرف فلکس چقدر باید رشد کند | flex-grow |
| مشخص می کند که یک کالای فلکس باید مقدار کوچک شود ، زیرا فضای کافی در یک ظرف فلکس وجود دارد | flex-shrink |
| خلاصه ای برای هفت ویژگی مورد استفاده برای قلم ها | font |
| مشخص می کند که یک عنصر وقتی متن در خود دارد از چه قلمهایی استفاده خواهد کرد | font-family |
| اندازه پیش فرض نویسه های متن را تنظیم می کند | font-size |
| اندازه حروف کوچک را کنترل می کند | font-size-adjust |
| میزان عرض یا باریک بودن کاراکترها را مشخص می کند | font-stretch |
| سبک قلم متن را تعریف می کند | font-style |
| میزان ضخامت یا نازک بودن شخصیت ها را مشخص می کند | font-weigth |
H
| مشخص می کند که علائم نگارشی باید در خارج از خطوط نمایش داده شوند تا به درستی تراز شوند | hanging-panctuation |
J
| موارد فلکس را در امتداد محور افقی ظرف تراز می کند | justify-content |
L
| ارتفاع خط را مشخص می کند | line-height |
M
| فضای اطراف یک عنصر را اضافه می کند | margin |
N
| با فشار دادن کلید ناوبری پیکان رو به پایین مشخص می کند که صفحه وب به کجا هدایت شود | nav-down |
| توالی ناوبری یا ترتیب جدول را برای عناصر تنظیم می کند | nav-index |
| با فشار دادن کلید ناوبری پیکان سمت چپ مشخص می کند که صفحه وب به کجا هدایت شود | nav-left |
| با فشار دادن کلید پیمایش پیکان سمت راست ، تعیین می کند که صفحه وب به کجا هدایت شود | nav-right |
| با فشار دادن کلید ناوبری پیکان رو به بالا مشخص می کند که صفحه وب به کجا هدایت شود | nav-up |
O
| سطح تیرگی یک عنصر را تنظیم می کند | opacity |
| موقعیت یک مورد فلکس خاص را به ترتیب موارد موجود در همان ظرف تعریف می کند | order |
| بیرون از عنصر یک خط می کشد | outline |
| فاصله بین رئوس مطالب و حاشیه عنصر را اضافه می کند | outline-offset |
| نحوه رفتار عنصر هنگامی که محتوا نمی تواند در مرزهای آن قرار بگیرد را تعیین می کند | overflow |
| نحوه واکنش دو طرف چپ و راست یک ظرف به محتوای سرشار را مشخص می کند | overflow-x |
| نحوه واکنش دو طرف بالا و پایین ظرف به محتوای سرریز شده را مشخص می کند | overflow-y |
P
| فضای اطراف یک عنصر را اضافه می کند | padding |
| مشخص می کند که یک شی برای ایجاد چشم انداز سه بعدی چقدر دور است | perspective |
| مشخص می کند که یک عنصر سه بعدی از محور x– و y– از کجا منشا می گیرد | perspective-origin |
| نحوه قرارگیری یک عنصر را مشخص می کند | position |
R
| مشخص می کند آیا کاربر می تواند عنصر را تغییر اندازه دهد یا خیر | resize |
T
| مشخص می کند که کاراکتر برگ قرار است چقدر در متن اشغال کند | tab-size |
| ترازبندی متن افقی درون یک عنصر را تعریف می کند | text-align |
| تراز بندی افقی آخرین سطر متن را تعریف می کند | text-align-last |
| خلاصه ای برای سه ویژگی مورد استفاده برای خطوط تزئین متن | text-decoration |
| رنگ را برای تمام خطوط تزئین متن تنظیم می کند | text-decoration-color |
| محل نمایش خط تزئین متن را مشخص می کند (زیر ، بالا یا از طریق متن) | text-decoration-line |
| سبک خط دکوراسیون متن را تعریف می کند | text-decoration-style |
| خلاصه ای برای متن-سبک تأکید و متن-تاکید-رنگ | text-emphasis |
| نحوه حضور محتوای سرریز شده را که به نمایش در نمی آید ، به کاربر نشان می دهد | text-overflow |
| سایه ای به متن اضافه می کند | text-shadow |
| بزرگ نوشتن متن را کنترل می کند | text-transform |
| تغییرات مختلفی را روی یک عنصر اعمال می کند | transform |
| خلاصه ای برای چهار ویژگی مورد استفاده برای انتقال | transition |
| نقطه شروع انتقال را در زمان مشخص می کند | transition-delay |
| مشخص می کند که یک انتقال چه مدت طول می کشد تا پایان یابد | transition-duration |
| خاصیت CSS را که تحت تأثیر اثر گذار است ، تعریف می کند | transition-property |
| منحنی سرعت یک انتقال را مشخص می کند | transition-timing-function |
V
| ترازبندی عمودی برای موارد داخل یک عنصر را مشخص می کند | vertical-align |
W
| قوانین شکست خط را برای کلمات وقتی به انتهای خط می رسند ، تعریف می کند | word-break |
| شکستن کلمات طولانی و قرار دادن آنها در سطر بعدی را مجاز می کند | word-wrap |
Z
| موقعیت یک عنصر را بر روی محور z تعریف می کند | z-index |
@:
| مشخص می کند که چگونه عناصر باید روی آن حالت بگیرند | hover: |
| به شما اجازه می دهد تا به جای استفاده از قلم وب امن ، از یک فایل قلم استفاده کنید و نام قلم را تعریف کنید | font-face@ |
| تعیین کد برای انیمیشن را مجاز می کند | keyframes@ |
| قوانین مختلف را برای دستگاه ها و / یا انواع مختلف رسانه تعیین می کند | media@ |
در دوره آموزش CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.
