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

properties CSS

A

accent-color رنگ تأکید برای کنترل‌های رابط کاربری کاربر را مشخص می‌کند.
align-content روش تراز کردن بین ردیف‌های یک container انعطاف‌پذیر را تعیین می‌کند، زمانی که عناصر از فضای قابل استفاده استفاده نمی‌کنند.
align-items روش تراز کردن عناصر در یک container انعطاف‌پذیر را تعیین می‌کند.
align-self روش تراز کردن انتخاب شده در یک container انعطاف‌پذیر را تعیین می‌کند.
all همه properties را به حالت پیش‌فرض بازمی‌گرداند (به استثنای unicode-bidi و direction).
animation 属性 کوتاه‌تر برای همه properties 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 属性 کوتاه‌تر برای همه properties background-*
background-attachment تعیین می‌کند که تصویر پس‌زمینه با بقیه صفحه به طور مشترک حرکت کند یا ثابت بماند.
background-blend-mode شیوه ترکیب هر لایه پس‌زمینه (رنگ/تصویر) را تعیین می‌کند.
background-clip تعیین می‌کند که رنگ یا تصویر پس‌زمینه در داخل عنصر تا چه فاصله‌ای باید ادامه یابد.
background-color رنگ پس‌زمینه عنصر را تعیین می‌کند.
background-image یک یا چند تصویر پس‌زمینه برای عنصر تعیین می‌کند.
background-origin موقع اولیه تصویر پس‌زمینه را تعیین می‌کند.
background-position تعیین موقعیت تصویر پس‌زمینه.
background-position-x تعیین موقعیت تصویر پس‌زمینه در محور افقی.
pr_background-position-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 规定边框图像的宽度。
border-inline

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

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

این属性 کوتاه شده است:
border-inline-start-color 设置行内方向上开始边框的颜色。
border-inline-start-style 设置行内方向上开始边框的样式。
border-inline-start-width 设置行内方向上开始边框的宽度。
border-inline-style 设置行内方向上开始和结束边框的样式。
border-inline-width 设置行内方向上开始和结束边框的宽度。
border-left 简写属性，包括所有 border-left-* 属性。
border-left-color 设置左边框的颜色。
border-left-style 设置左边框的样式。
border-left-width 设置左边框的宽度。
border-radius 四个 border-*-radius 属性的简写属性。
border-right 简写属性，包括所有 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 با استفاده از پوسته‌های :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 تعیین اینکه آیا باید پروژه‌های انعطاف‌پذیر (flexible items) به صورت خطی نمایش داده شوند یا خیر.
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 کنترل نحوه ارزیابی ترتیب استایل‌های CSS در طبقه‌بندی.
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 م边际 آخرین مکان در جهت خطی را مشخص می‌کند.
margin-inline-start م边际 اولین مکان در جهت خطی را مشخص می‌کند.
margin-left م边际 چپ عنصر را تنظیم می‌کند.
margin-right م边际 راست عنصر را تنظیم می‌کند.
margin-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-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 مargins خارجی بین موقعیت جذب و کانتاینر تعیین می‌شود.
scroll-margin-block مargins خارجی بین موقعیت جذب و کانتاینر در جهت بلوک تعیین می‌شود.
scroll-margin-block-end مargins خارجی بین پایان موقعیت جذب و کانتاینر در جهت بلوک تعیین می‌شود.
scroll-margin-block-start مargins خارجی بین ابتدای موقعیت جذب و کانتاینر در جهت بلوک تعیین می‌شود.
scroll-margin-bottom مargins خارجی بین پایین موقعیت جذب و کانتاینر تعیین می‌شود.
scroll-margin-inline مargins خارجی بین موقعیت جذب و کانتاینر در جهت خطی تعیین می‌شود.
scroll-margin-inline-end مargins خارجی بین پایان موقعیت جذب و کانتاینر در جهت خطی تعیین می‌شود.
scroll-margin-inline-start مargins خارجی بین ابتدای موقعیت جذب و کانتاینر در جهت خطی تعیین می‌شود.
scroll-margin-left مargins خارجی بین موقعیت جذب سمت چپ و کانتاینر تعیین می‌شود.
scroll-margin-right مargins خارجی بین موقعیت جذب سمت راست و کانتاینر تعیین می‌شود.
scroll-margin-top مargins خارجی بین موقعیت جذب بالا و کانتاینر تعیین می‌شود.
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 عامل بزرگ‌کنی عناصر مشخص شده. عناصر می‌توانند بزرگ‌تر و کوچک‌تر شوند.