دستورالعمل‌های مرجع CSS

attribute‌های CSS

A

accent-color رنگ برجسته برای کنترل‌های رابط کاربری را مشخص می‌کند.
align-content روش ترازگذاری سطرهای داخل یک container انعطاف‌پذیر را تعیین می‌کند، زمانی که عنصرها از فضای موجود استفاده نمی‌کنند.
align-items روش ترازگذاری عنصر در داخل یک container انعطاف‌پذیر را تعیین می‌کند.
align-self روش ترازگذاری عنصر انتخاب شده در داخل یک container انعطاف‌پذیر را تعیین می‌کند.
all تمام attribute‌ها را به حالت پیش‌فرض بازمی‌گرداند (به استثنای unicode-bidi و direction)
animation عنصر کوتاه‌نویسی برای تمام attribute‌های animation-*
animation-delay تأخیر شروع انیمیشن را تعیین می‌کند.
animation-direction تعیین می‌کند که انیمیشن به سمت جلو، به سمت عقب یا به صورت متناوب پخش شود.
animation-duration زمانی که انیمیشن یک چرخه کامل را می‌گذراند را تعیین می‌کند.
animation-fill-mode استایل عنصر را در زمانی که انیمیشن پخش نمی‌شود (قبل از شروع، پس از پایان، یا هر دو) تعیین می‌کند.
animation-iteration-count تعداد دفعات پخش انیمیشن را تعیین می‌کند.
animation-name نام انیمیشن @keyframes را تعیین می‌کند.
animation-play-state تعیین می‌کند که انیمیشن پخش می‌شود یا متوقف می‌شود.
animation-timing-function منحنی سرعت نمایش انیمیشن را تعیین می‌کند.
aspect-ratio ترجیحی برای نسبت عرض به ارتفاع عنصر را مشخص می‌کند.

B

backdrop-filter تأثیر گرافیکی محدوده پس‌زمینه عنصر را تعریف می‌کند.
backface-visibility تعیین می‌کند که پشت عنصر در برابر کاربر آیا باید قابل مشاهده باشد یا خیر.
background عنصر کوتاه‌نویسی برای تمام attribute‌های background-*
background-attachment تنظیم می‌کند که تصویر پس‌زمینه با بقیه صفحه به طور مشترک حرکت کند یا ثابت بماند.
background-blend-mode مدل ترکیب هر لایه پس‌زمینه (رنگ/تصویر) را تعیین می‌کند.
background-clip فاصله‌ای که باید (رنگ یا تصویر) پس‌زمینه در داخل عنصر ادامه یابد را تعریف می‌کند.
background-color رنگ پس‌زمینه عنصر را تعیین می‌کند.
background-image یک یا چند تصویر پس‌زمینه برای عنصر تعیین می‌کند.
background-origin موقع اولیه تصویر پس‌زمینه را تعیین می‌کند.
background-position تعیین موقعیت تصویر پس‌زمینه.
background-position-x تعیین موقعیت تصویر پس‌زمینه در محور x.
pr_background-position-y تعیین موقعیت تصویر پس‌زمینه در محور y.
background-repeat تنظیم تکرار تصویر پس‌زمینه و نحوه آن.
background-size تعیین اندازه تصویر پس‌زمینه.
block-size تعیین اندازه عنصر در جهت بلوک.
border ویژگی کوتاه‌تر border-width،border-style و border-color.
border-block

این یک属性 کوتاه شده برای موارد زیر است:
border-block-color تنظیم رنگ لبه‌های شروع و پایان در جهت بلوک.
border-block-end

این یک属性 کوتاه شده برای موارد زیر است:
border-block-end-color تنظیم رنگ لبه پایان در جهت بلوک.
border-block-end-style تنظیم سبک لبه پایان در جهت بلوک.
border-block-end-width تنظیم عرض لبه پایان در جهت بلوک.
border-block-start

این یک属性 کوتاه شده برای موارد زیر است:
border-block-start-color تنظیم رنگ لبه شروع در جهت بلوک.
border-block-start-style تنظیم سبک لبه شروع در جهت بلوک.
border-block-start-width تنظیم عرض لبه شروع در جهت بلوک.
border-block-style تنظیم سبک لبه‌های شروع و پایان در جهت بلوک.
border-block-width تنظیم عرض لبه‌های شروع و پایان در جهت بلوک.
border-bottom ویژگی کوتاه‌تر border-bottom-width،border-bottom-style و border-bottom-color.
border-bottom-color تنظیم رنگ لبه پایین.
border-bottom-left-radius تعریف قوس لبه پایین و سمت چپ.
border-bottom-right-radius تعریف قوس لبه پایین و سمت راست.
border-bottom-style تنظیم سبک لبه پایین.
border-bottom-width تنظیم عرض لبه پایین.
border-collapse تنظیم رنگ لبه جدول به صورت یک لبه پیچیده یا جدا شده است.
border-color 设置四条边框的颜色。
border-end-end-radius 设置元素块结束和行内结束边之间的角落半径。
border-end-start-radius 设置元素块结束和行内开始边之间的角落半径。
border-image 简写属性，包含所有 border-image-* 属性。
border-image-outset 规定边框图像区域超出边框的量。
border-image-repeat 规定边框图像应重复、圆角、还是拉伸。
border-image-slice 规定如何裁切边框图像。
border-image-source 规定用作边框的图像的路径。
border-image-width 规定边框图像的宽度。
inline-border

این یک属性 کوتاه شده برای موارد زیر است:
inline-border-color 设置行内方向上开始和结束边框的颜色。
inline-border-end

این یک属性 کوتاه شده برای موارد زیر است:
inline-border-end-color 设置行内方向上结束边框的颜色。
inline-border-end-style 设置行内方向上结束边框的样式。
inline-border-end-width 设置行内方向上结束边框的宽度。
inline-border-start

این یک属性 کوتاه شده برای موارد زیر است:
inline-border-start-color 设置行内方向上开始边框的颜色。
inline-border-start-style 设置行内方向上开始边框的样式。
inline-border-start-width 设置行内方向上开始边框的宽度。
inline-border-style 设置行内方向上开始和结束边框的样式。
inline-border-width 设置行内方向上开始和结束边框的宽度。
left-border 简写属性，包含所有 border-left-* 属性。
left-border-color 设置左边框的颜色。
left-border-style 设置左边框的样式。
left-border-width 设置左边框的宽度。
border-radius 四个 border-*-radius 属性的简写属性。
right-border 简写属性，包含所有 border-right-* 属性。
color-right-border رنگ لبه راست را تنظیم می‌کند.
border-right-style نوع لبه راست را تنظیم می‌کند.
border-right-width عرض لبه راست را تنظیم می‌کند.
border-spacing فاصله بین لبه‌های سلول‌های مجاور را تنظیم می‌کند.
border-start-end-radius شکل گوشه‌های ابتدایی و انتهایی خطوط را تنظیم می‌کند.
border-start-start-radius شکل گوشه‌های ابتدایی و ابتدایی خطوط را تنظیم می‌کند.
border-style نوع چهار لبه را تنظیم می‌کند.
border-top ویژگی کوتاه‌نویسی border-top-width، border-top-style و border-top-color است.
border-top-color رنگ لبه بالا را تنظیم می‌کند.
border-top-left-radius شکل لبه گوشه بالا سمت چپ را تعریف می‌کند.
border-top-right-radius شکل لبه گوشه بالا سمت راست را تعریف می‌کند.
border-top-style نوع لبه بالا را تنظیم می‌کند.
border-top-width عرض لبه بالا را تنظیم می‌کند.
border-width عرض چهار لبه را تنظیم می‌کند.
bottom موقعیت پایین عنصر نسبت به پایین پدر عنصر را تنظیم می‌کند.
box-decoration-break رفتار پس‌زمینه و لبه‌های عنصر در نقطه‌های صفحات یا برای عناصر درون‌خطی در نقاط پاراگراف را تنظیم می‌کند.
box-reflect برای ایجاد تأثیر انعکاس در عنصر استفاده می‌شود.
box-shadow یک یا چند سایه به عنصر اضافه می‌کند.
box-sizing روش محاسبه عرض و ارتفاع عنصر را تعریف می‌کند: آیا باید پادینگ و لبه‌ها را شامل شوند یا خیر.
break-after تعیین می‌کند که آیا باید page-، column- یا region-break بعد از عنصر مشخص شده ظاهر شوند یا خیر.
break-before تعیین می‌کند که آیا باید page-، column- یا region-break قبل از عنصر مشخص شده ظاهر شوند یا خیر.
break-inside تعیین می‌کند که آیا باید page-، column- یا region-break در داخل عنصر مشخص شده ظاهر شوند یا خیر.

C

caption-side تعیین می‌کند که عنوان جدول چگونه قرار می‌گیرد.
caret-color تعیین می‌کند که رنگ موس در input، textarea یا هر عنصر قابل ویرایش چیست.
@charset تعیین می‌کند که کد رمزگذاری کاراکترها در جدول استایل استفاده می‌شود.
clear تعیین می‌کند که عناصر در کدام سمت از عنصر نمی‌توانند شناور شوند
clip عناصر قرارگیری مطلق را برش دهید.
clip-path برش دادن عنصر به شکل اولیه یا منبع SVG.
color تنظیم رنگ متن.
color-scheme نشان‌دهنده این است که عنصر باید از کدام پالت رنگی سیستم عامل برای رندر استفاده کند.
column-count تعیین تعداد ستون‌هایی که عنصر باید به آن‌ها تقسیم شود.
column-fill تعیین نحوه پر کردن ستون‌ها (آیا متعادل است یا نه).
column-gap تعیین فضای بین ستون‌ها.
column-rule ویژگی کوتاه‌نویسی تمام column-rule-*.
column-rule-color تعیین رنگ نوار بین ستون‌ها.
column-rule-style تعیین استایل نوار بین ستون‌ها.
column-rule-width تعیین عرض نوار بین ستون‌ها.
column-span تعیین تعداد ستون‌هایی که عنصر باید از آن‌ها عبور کند.
column-width تعیین عرض ستون.
columns ویژگی کوتاه‌نویسی column-width و column-count.
@container تعیین استایل عنصر درون یک قالب بر اساس اندازه یا استایل قالب.
content با استفاده از پseudo-elements :before و :after، محتوای تولید شده را وارد می‌کند.
counter-increment افزودن یا کاهش مقدار یک یا چند شمارنده CSS.
counter-reset ایجاد یا تنظیم‌زدن یک یا چند شمارنده CSS.
counter-set ایجاد یا تنظیم یک یا چند شمارنده CSS.
@counter-style اجازه می‌دهد تا شما استایل‌های شمارنده سفارشی را تعریف کنید.
cursor تعیین موشکافی ماوس هنگام اشاره به عنصر.

D

direction تعیین جهت نوشتار/جهت متن.
display تعیین نحوه نمایش یک عنصر HTML.

E

empty-cells تعیین نمایش لبه و پس‌زمینه در سلول‌های خالی جدول.

F

filter تعیین اثر پیش‌از نمایش عنصر (مثلاً تارگی یا تغییر رنگ).
flex ویژگی کوتاه‌نویسی flex-grow، flex-shrink و flex-basis.
flex-basis تعیین طول اولیه پروژه‌های انعطاف‌پذیر.
flex-direction تعیین مسیر پروژه‌های انعطاف‌پذیر.
flex-flow ویژگی کوتاه‌نویسی flex-direction و flex-wrap.
flex-grow مقدار افزایش پروژه در مقایسه با بقیه پروژه‌ها.
flex-shrink مقدار کاهش پروژه در مقایسه با بقیه پروژه‌ها.
flex-wrap تعیین اینکه آیا باید آیتم‌های انعطاف‌پذیر (flex) در خط‌های مختلف نوشته شوند یا خیر.
float تعیین اینکه آیا باید جعبه‌ها (box) شناور شوند یا خیر.
font ویژگی‌های کوتاه برای font-style، font-variant، font-weight، font-size/line-height و font-family.
@font-face اجازه دادن به قوانین برای دانلود و استفاده از فونت‌های غیر "web-safe".
font-family تعیین خانواده فونت (مجموعه فونت‌ها) متن.
font-feature-settings اجازه دادن به کنترل ویژگی‌های چاپ پیشرفته در فونت‌های OpenType.
@font-feature-values اجازه دادن به سازنده برای استفاده از نام‌های عمومی در font-variant-alternate برای فعال‌سازی ویژگی‌های مختلف در OpenType.
font-kerning کنترل استفاده از اطلاعات فضاسازی حروف (مثل فضای بین حروف).
font-language-override کنترل استفاده از حروف جایگزین برای زبان‌های خاص در فونت.
@font-palette-values اجازه دادن به کاربر برای شخصی‌سازی مقادیر پیش‌فرض پالت فونت.
font-size تعیین اندازه فونت متن.
font-size-adjust حفظ خوانایی در صورت رخ دادن بازگشت فونت.
font-stretch انتخاب یک فونت معمولی، فشرده یا گسترده از مجموعه فونت‌ها.
font-style تعیین سبک فونت متن.
font-synthesis کنترل فونت‌های کمبود (مثل اضافه‌شده یا ایتالیک) که می‌توانند توسط مرورگر ترکیب شوند.
font-variant تعیین اینکه آیا باید متن به صورت حروف کوچک نوشته شود یا خیر.
font-variant-alternates کنترل استفاده از حروف جایگزین مرتبط با نام‌های جایگزین تعریف شده در @font-feature-values.
font-variant-caps کنترل استفاده از حروف جایگزین برای حروف بزرگ.
font-variant-east-asian کنترل استفاده از حروف جایگزین برای نوشتارهای شرقی آسیایی (مثلاً چینی و ژاپنی).
font-variant-ligatures کنترل استفاده از حروف جایگزین و فرم‌های محیطی برای متن وابسته به عنصر.
font-variant-numeric کنترل استفاده از حروف جایگزین برای اعداد، اعشاریه‌ها و علامت‌های شمارش.
font-variant-position کنترل استفاده از حروف جایگزین برای فونت‌های کوچک‌تر، که در موقعیت بالاتر یا پایین‌تر از خط پایه قرار دارند.
font-weight 规定字体的粗细。

G

grid grid-template-rows、grid-template-columns、grid-template-areas、grid-auto-rows、grid-auto-columns 以及 grid-auto-flow 属性的简写属性。
grid-area 即可规定网格项的名称，也可以是 grid-row-start、grid-column-start、grid-row-end 以及 grid-column-end 属性的简写属性。
grid-auto-columns 规定默认的列尺寸。
grid-auto-flow 规定如何在网格中插入自动放置的项目。
grid-auto-rows 规定默认的行尺寸。
grid-column grid-column-start 和 grid-column-end 属性的简写属性。
grid-column-end 规定如何结束网格项目。
grid-column-gap 规定列间隙的尺寸。
grid-column-start 规定网格项目从何处开始。
grid-gap grid-row-gap 和 grid-column-gap 的简写属性。
grid-row grid-row-start 和 grid-row-end 属性的简写属性。
grid-row-end 规定网格项目在何处结束。
grid-row-gap 规定列间隙的尺寸。
grid-row-start 规定网格项目从何处开始。
grid-template grid-template-rows、grid-template-columns 以及 grid-areas 属性的简写属性。
grid-template-areas 规定如何使用命名的网格项显示列和行。
grid-template-columns 指定列的尺寸以及网格布局中的列数。
grid-template-rows 指定网格布局中的行的尺寸。

H

hanging-punctuation 规定是否可以在行框外放置标点符号。
height 设置元素的高度。
hyphens 设置如何分割单词以改善段落的布局。
hyphenate-character 设置在换行前用于连字符断行的字符。

I

image-rendering تعریف نوع الگوریتم استفاده شده برای بزرگ‌کنی تصاویر.
@import اجازه می‌دهد تا استایل‌ها از یک استایل‌نامه دیگر وارد شوند.
initial-letter تعریف اندازه اولین حرف و نیز تعداد خطوطی که باید به پایین بیفتد.
inline-size تعریف اندازه عنصر در مسیر خطی.
inset تعریف فاصله عنصر با عنصر والد.
inset-block تعریف فاصله عنصر با عنصر والد در مسیر بلوک.
inset-block-end تعریف فاصله پایان عنصر با عنصر والد در مسیر بلوک.
inset-block-start تعریف فاصله ابتدای عنصر با عنصر والد در مسیر بلوک.
inset-inline تعریف فاصله عنصر با عنصر والد در مسیر خطی.
inset-inline-end تعریف فاصله پایان عنصر با عنصر والد در مسیر خطی.
inset-inline-start تعریف فاصله ابتدای عنصر با عنصر والد در مسیر خطی.
isolation تعریف این‌که آیا عنصر باید محتوای طبقه‌بندی جدیدی ایجاد کند یا خیر.

J

justify-content تعریف نحوه هم‌ترازی عنصر در فضای انعطاف‌پذیر.
justify-items تعریف نحوه هم‌ترازی عنصر در مسیر خطی.
justify-self تعریف نحوه هم‌ترازی عنصر در مسیر خطی.

K

@keyframes تعریف کد‌های انیمیشن.

L

@layer کنترل نحوه ارزیابی ترتیب استایل‌های طبقه‌بندی شده.
left تعیین موقعیت چپ عنصر قرار داده شده.
letter-spacing افزایش یا کاهش فضای بین حروف.
line-break چگونه چگونه/آیا باید خط‌شکنی شود یا خیر.
line-height تنظیم ارتفاع خط.
list-style تنظیم تمامی属性 لیست در یک دستور.
list-style-image تصویر را به عنوان نشانه‌های لیست مشخص می‌کند.
list-style-position تعریف موقعیت نشانه‌های لیست.
list-style-type تعریف نوع نشانه‌های لیست.

M

margin تنظیم تمامی属性 فضای بیرونی در یک دستور.
margin-block تعریف فضای بیرونی بلوک.
margin-block-end تعریف فضای بیرونی پایان مسیر بلوک.
margin-block-start تعریف فضای بیرونی ابتدای مسیر بلوک.
margin-bottom تنظیم فضای بیرونی پایین عنصر.
margin-inline تعریف فضای بیرونی خطی.
margin-inline-end مargins پایان خطی را مشخص می‌کند.
margin-inline-start مargins شروع خطی را مشخص می‌کند.
margin-left margins left بیرونی عنصر را تنظیم می‌کند.
margin-right مargins right بیرونی عنصر را تنظیم می‌کند.
margin-top مargins top بیرونی عنصر را تنظیم می‌کند.
marker نشان‌هایی را که بر روی همه قله‌ها (اولین، میانی و آخرین) مسیر عنصر کشیده می‌شوند اشاره می‌کند.
marker-end نشان‌هایی را که بر روی آخرین قله مسیر عنصر کشیده می‌شوند اشاره می‌کند.
marker-mid نشان‌هایی را که بر روی همه قله‌های میانی مسیر عنصر کشیده می‌شوند اشاره می‌کند.
marker-start نشان‌هایی را که بر روی اولین قله مسیر عنصر کشیده می‌شوند اشاره می‌کند.
mask

این یک属性 کوتاه شده برای موارد زیر است:
mask-clip منطقه‌ای که از تصویر ماسک تحت تأثیر قرار می‌گیرد مشخص می‌کند.
mask-composite عمل ترکیب مورد استفاده برای ماسک فعلی و ماسک زیرین مشخص می‌کند.
mask-image تصویر ماسک مورد استفاده برای ماسک عنصر مشخص می‌کند.
mask-mode مشخص می‌کند که تصویر ماسک به عنوان یک ماسک روشن یا ماسک آلفا پردازش شود.
mask-origin محل اولیه تصویر ماسک را (در منطقه ماسک) مشخص می‌کند.
mask-position محل شروع تصویر ماسک را (در مقایسه با منطقه ماسک) تنظیم می‌کند.
mask-repeat روش تکرار تصویر ماسک را مشخص می‌کند.
mask-size اندازه تصویر ماسک را مشخص می‌کند.
mask-type مشخص می‌کند که SVG عنصر به عنوان یک ماسک روشن یا ماسک آلفا چگونه باید پردازش شود.
max-height ارتفاع بیشینه عنصر را تنظیم می‌کند.
max-width عرض بیشینه عنصر را تنظیم می‌کند.
@media قوانین استایل برای نوع‌های مختلف رسانه، دستگاه‌ها و اندازه‌ها را تنظیم می‌کند.
max-block-size اندازه بیشینه عنصر را در جهت بلوک تنظیم می‌کند.
max-inline-size اندازه بیشینه عنصر را در جهت خطی تنظیم می‌کند.
min-block-size اندازه کمینه عنصر را در جهت بلوک تنظیم می‌کند.
min-inline-size اندازه کمینه عنصر را در جهت خطی تنظیم می‌کند.
min-height ارتفاع کمینه عنصر را تنظیم می‌کند.
min-width عرض کمینه عنصر را تنظیم می‌کند.
mix-blend-mode محدد می‌کند که محتوای عنصر چگونه باید با پس‌زمینه مستقیم خود ترکیب شود.

N

@namespace محدد می‌کند که نام‌فضاهای XML مورد استفاده در جدول استایل.

O

object-fit محدد می‌کند که محتوای عنصر چگونه باید با استفاده از ارتفاع و عرض آن به جعبه‌ای که برای آن ایجاد شده مناسب شود.
object-position تعیین روش چینش عنصر جایگزین در داخل فریم آن.
offset

این یک属性 کوتاه شده برای موارد زیر است:
offset-anchor تعیین نقطه‌ای که به طور ثابت در مسیر آنی‌سازی قرار دارد.
offset-distance تعیین موقعیت عنصر در مسیر آنی‌سازی.
offset-path تعیین مسیر آنی‌سازی عنصر.
offset-position تعیین موقعیت اولیه عنصر در مسیر.
offset-rotate تعیین چرخش عنصر در هنگام آنی‌سازی به مسیر.
opacity تنظیم درجه شفافیت عنصر.
order تنظیم ترتیب الگوهای انعطاف‌پذیر در برابر بقیه.
orphans تنظیم تعداد حداقلی از خطوط که باید در پایین صفحه یا ستون باقی بمانند.
orphans تنظیم تعداد حداقلی از خطوط که باید در پایین صفحه باقی بمانند هنگامی که صفحه‌بندی در داخل عنصر رخ می‌دهد.
outline کوتاه‌نویسی از ویژگی‌های outline-width، outline-style و outline-color
outline-color تنظیم رنگ کناره‌های کناری.
outline-offset جابجایی کناره‌های کناری و ترسیم آن‌ها به خارج از لبه‌های فریم.
outline-style تنظیم سبک کناره‌های کناری.
outline-width تنظیم عرض کناره‌های کناری.
overflow تعیین اینکه در صورت جابجایی محتوای بیش از حد در جعبه عنصر چه اتفاقی خواهد افتاد.
overflow-anchor تعیین اینکه آیا باید محتوای درون یک کانتینر قابل چرخش در هنگام بارگذاری محتوای جدید به پایین آن کشیده شود یا خیر.
overflow-wrap تعیین اینکه آیا مرورگر می‌تواند در هنگام جابجایی بیش از حد کلمه‌های بلند در داخل کانتینر، خط‌بندی کند.
overflow-wrap تعیین اینکه آیا مرورگر ممکن است برای جلوگیری از جابجایی بیش از حد در داخل کلمه خم شود (وقتی که یک رشته طولانی‌تر از جعبه نگهدارنده آن باشد).
overflow-x تعیین اینکه آیا باید لبه‌های چپ و راست محتوای برش داده شود یا خیر، اگر آن‌ها از محدوده محتوای عنصر جابجا شوند.
overflow-y تعیین اینکه آیا باید لبه‌های بالا و پایین محتوای برش داده شود یا خیر، اگر آن‌ها از محدوده محتوای عنصر جابجا شوند.
overscroll-behavior تعیین اینکه آیا در محور x و y یک رشته یا اثر چرخش بیش از حد وجود دارد یا خیر.
overscroll-behavior-block تعیین اینکه آیا در محور بلوک یک رشته یا اثر چرخش بیش از حد وجود دارد یا خیر.
overscroll-behavior-inline تعیین اینکه آیا در محور درون‌محور یک رشته یا اثر چرخش بیش از حد وجود دارد یا خیر.
overscroll-behavior-x تعیین اینکه آیا در محور x یک رشته یا اثر چرخش بیش از حد وجود دارد یا خیر.
overscroll-behavior-y تعیین اینکه آیا در محور y یک رشته یا اثر چرخش بیش از حد وجود دارد یا خیر.

P

padding کوتاه‌نویسی از تمامی ویژگی‌های padding-*
padding-block تعیین حاشیه در جهت بلوک.
padding-block-end تعیین حاشیه پایان در جهت بلوک.
padding-block-start تعیین حاشیه شروع در جهت بلوک.
padding-bottom تنظیم حاشیه پایین داخل عنصر.
padding-inline تعیین حاشیه در جهت درون خط.
padding-inline-end تعیین حاشیه پایان خط در جهت درون خط.
padding-inline-start تعیین حاشیه شروع خط در جهت درون خط.
padding-left تنظیم حاشیه چپ داخل عنصر.
padding-right تنظیم حاشیه راست داخل عنصر.
padding-top تنظیم حاشیه بالای داخل عنصر.
@page تنظیم اندازه، جهت و حاشیه‌های صفحه چاپ شده.
page-break-after تنظیم رفتار صفحات (page-break) بعد از عنصر.
page-break-before تنظیم رفتار صفحات (page-break) قبل از عنصر.
page-break-inside تنظیم رفتار صفحات (page-break) در داخل عنصر.
paint-order تنظیم ترتیب نقاشی عنصرهای SVG یا متن.
perspective ارائه دید برای عنصرهای قرار داده شده در 3D.
perspective-origin تعیین موقعیت دید کاربر برای عنصرهای قرار داده شده در 3D.
place-content تعیین مقادیر ویژگی‌های align-content و justify-content برای چیدمان فлекс و شبکه.
place-items تعیین مقادیر ویژگی‌های align-items و justify-items برای چیدمان شبکه.
place-self تعیین مقادیر ویژگی‌های align-self و justify-self برای چیدمان شبکه.
pointer-events تعیین اینکه عنصر آیا به رویدادهای اشاره‌گر واکنش نشان می‌دهد یا خیر.
position تعیین نوع روش قرارگیری عنصر (ثابت، نسبی، مطلق یا ثابت).
@property تعیین پارامترهای CSS خودکار در جدول استایل، بدون نیاز به اجرای هیچ کد JavaScript.

Q

quotes تنظیم نوع نقل قول.

R

resize تعیین اینکه کاربر آیا می‌تواند اندازه عنصر را تغییر دهد و چگونه.
right تعیین موقعیت چپ عنصر قرار داده شده.
rotate تعیین چرخش عنصر.
row-gap تعیین فضای بین ردیف‌های شبکه.

S

scale اندازه‌ی عناصر را با بزرگ کردن یا کوچک کردن تعیین می‌کند.
@scope این به شما اجازه می‌دهد که عناصر خاصی از درخت DOM را انتخاب کنید و عناصر را به طور دقیق‌تر قرار دهید بدون اینکه نیاز به انتخاب‌کننده‌های خاص داشته باشید.
scroll-behavior این مشخص می‌کند که آیا قابلیت‌های اسکرول به طور نرم‌تر حرکت می‌کنند یا به طور مستقیم پرش می‌کنند.
scroll-margin م边际‌های خارجی بین مکان جذب‌کننده و جعبه را تعیین می‌کند.
scroll-margin-block م边际‌های خارجی بین مکان جذب‌کننده و جعبه را تعیین می‌کند.
scroll-margin-block-end م边际‌های خارجی بین انتها به سمت بالا جعبه و مکان جذب‌کننده را تعیین می‌کند.
scroll-margin-block-start م边际‌های خارجی بین ابتدای جعبه و مکان جذب‌کننده را تعیین می‌کند.
scroll-margin-bottom م边际‌های خارجی بین پایین جعبه و مکان جذب‌کننده را تعیین می‌کند.
scroll-margin-inline م边际‌های خارجی بین مکان جذب‌کننده و جعبه را تعیین می‌کند.
scroll-margin-inline-end م边际‌های خارجی بین انتها به سمت چپ جعبه و مکان جذب‌کننده را تعیین می‌کند.
scroll-margin-inline-start م边际‌های خارجی بین ابتدای جعبه و مکان جذب‌کننده را تعیین می‌کند.
scroll-margin-left م边际‌های خارجی بین مکان جذب‌کننده و جعبه را تعیین می‌کند.
scroll-margin-right م边际‌های خارجی بین مکان جذب‌کننده و جعبه را تعیین می‌کند.
scroll-margin-top م边际‌های خارجی بین مکان جذب‌کننده و جعبه را تعیین می‌کند.
scroll-padding فاصله‌ای که از جعبه تا جذب‌کننده‌ی فرزند تعیین می‌شود.
scroll-padding-block فاصله‌ای که از جعبه تا جذب‌کننده‌ی فرزند، در مسیر بلوک تعیین می‌شود.
scroll-padding-block-end فاصله‌ای که از انتها به سمت بالا جعبه تا جذب‌کننده‌ی فرزند، در مسیر بلوک تعیین می‌شود.
scroll-padding-block-start فاصله‌ای که از ابتدای جعبه به سمت بالا تا جذب‌کننده‌ی فرزند، در مسیر بلوک تعیین می‌شود.
scroll-padding-bottom فاصله‌ای که از پایین جعبه تا جذب‌کننده‌ی فرزند تعیین می‌شود.
scroll-padding-inline فاصله‌ای که از جعبه تا جذب‌کننده‌ی فرزند، در مسیر خطی تعیین می‌شود.
scroll-padding-inline-end فاصله‌ای که از انتها به سمت چپ جعبه تا جذب‌کننده‌ی فرزند، در مسیر خطی تعیین می‌شود.
scroll-padding-inline-start فاصله‌ای که از ابتدای جعبه به سمت چپ تا جذب‌کننده‌ی فرزند، در مسیر خطی تعیین می‌شود.
scroll-padding-left تعریف فاصله از سمت چپ حاوی به موقعیت چسبندگی فرزند.
scroll-padding-right تعریف فاصله از سمت راست حاوی به موقعیت چسبندگی فرزند.
scroll-padding-top تعریف فاصله از بالای حاوی به موقعیت چسبندگی فرزند.
scroll-snap-align تعریف موقعیت عناصر هنگامی که کاربر اسکرول را متوقف می‌کند.
scroll-snap-stop تعریف رفتار اسکرول پس از اسکرول سریع روی صفحه لمسی یا صفحه لمسی.
scroll-snap-type تعریف رفتار چسبندگی در هنگام اسکرول.
scrollbar-color تعریف رنگ نوارهای滚ش.
shape-outside تعریف شکل دوربین‌های درون‌خطی.
@starting-style تعریف سبک اولیه‌ای که در هنگام اولین به‌روزرسانی سبک استفاده می‌شود.
@supports برای تست اینکه آیا مرورگر از یک ویژگی CSS پشتیبانی می‌کند یا خیر استفاده می‌شود.

T

tab-size تعریف عرض تاب‌های (tab).
table-layout تعریف الگوریتم‌های استفاده شده برای چیدمان سلول‌ها، سطرها و ستون‌ها.
text-align تعریف روش هم‌ترازی عمودی متن.
text-align-last توضیح اینکه چگونه در هنگام استفاده از text-align به "justify"، قبل از تغییر خط یا جدول، یک خط یا بلوک را هم‌ترازی کنید.
text-combine-upright ترکیب چندین کاراکتر به یک فضای خالی از یک کاراکتر.
text-decoration تعریف تزئین.
text-decoration-color تعریف رنگ تزئین.
text-decoration-line تعریف نوع خط تزئین (text-decoration).
text-decoration-style تعریف سبک خط تزئین (text-decoration).
text-decoration-thickness تعریف ضخامت خط تزئین.
text-emphasis

این یک属性 کوتاه شده برای موارد زیر است:
text-emphasis-color تعریف رنگ برجسته‌سازی.
text-emphasis-position تعریف موقعیت برجسته‌سازی.
text-emphasis-style تعریف سبک برجسته‌سازی.
text-indent تعریف فضای اولین خط در داخل یک بلوک متن (text-block).
text-justify تعریف روش هم‌ترازی که در هنگام استفاده از text-align به "justify" استفاده می‌شود.
text-orientation جهت حروف در یک خط را مشخص می‌کند.
text-overflow مشخص می‌کند که چه اتفاقی باید رخ دهد وقتی متن از محیط شامل خودش خارج می‌شود.
text-shadow سایه متن را اضافه می‌کند.
text-transform حجم حروف متن را کنترل می‌کند.
text-underline-offset فاصله زیرخطی متن را مشخص می‌کند.
text-underline-position موقعیت خط زیرخطی متن را مشخص می‌کند.
top موقعیت بالای عنصر را مشخص می‌کند.
transform تبدیل‌های دو بعدی یا سه‌بعدی را به عنصر اعمال می‌کند.
transform-origin اجازه می‌دهد موقعیت عنصرهای تبدیل شده را تغییر دهید.
transform-style مشخص می‌کند که چگونه عناصر عمیق‌تر در فضای سه‌بعدی رندر می‌شوند.
transition ویژگی اختصاری برای تمامی ویژگی‌های transition-*
transition-delay زمان مناسب برای شروع اثرگذاری انتقال را مشخص می‌کند.
transition-duration زمان لازم برای تکمیل اثرگذاری انتقال را به ثانیه یا میلی‌ثانیه مشخص می‌کند.
transition-property نام ویژگی CSS مرتبط با اثرگذاری انتقال را مشخص می‌کند.
transition-timing-function منحنی سرعت اثرگذاری انتقال را مشخص می‌کند.
translate موقعیت عنصر را مشخص می‌کند.

U

unicode-bidi با استفاده از ویژگی direction، مشخص می‌کند که آیا باید متن به‌روزرسانی شود تا از چندین زبان در یک مستند پشتیبانی شود.
user-select مشخص می‌کند که آیا متن عنصر قابل انتخاب است یا خیر.

V

vertical-align نحوه قرارگیری عمودی عنصر را تنظیم می‌کند.
visibility مشخص می‌کند که عنصر قابل مشاهده است یا خیر.

W

white-space نحوه مدیریت کاراکترهای خالی در داخل عنصر را مشخص می‌کند.
widows حداقل تعداد خطوطی که باید در بالای صفحه یا ستون باقی بمانند را مشخص می‌کند.
widows حداقل تعداد خطوطی که باید در بالای صفحه باقی بمانند را در صورت رخ دادن صفحه‌بندی در داخل عنصر مشخص می‌کند.
width عرض عناصر را تنظیم می‌کند.
word-break نحوه جابجایی کلمات به خط بعدی را پس از رسیدن به انتهای خط مشخص می‌کند.
word-spacing افزایش یا کاهش فضای بین کلمات در متن را تنظیم می‌کند.
word-wrap اجازه می‌دهد کلمات بلند و غیرقابل شکستن به خط بعدی منتقل شوند.
writing-mode نحوه چیدمان خطوط متن به صورت افقی یا عمودی را مشخص می‌کند.

Z

z-index ترتیب قرارگیری عناصر موقعیت‌یابی شده را تنظیم می‌کند.
zoom عامل بزرگ‌کنی عناصر مشخص شده. عناصر می‌توانند بزرگ‌تر یا کوچکتر شوند.