A
| ویژگی - استایل | توضیحات |
|---|---|
accent-color |
رنگی را به صورت پیش فرض و تاکیدی برای تگ هایی با مضمون رابطه کاربری فراهم می سازد. |
| نوع هم سطح سازی خطوط داخل یک محفظه را زمانی که تمام فضای داخلی استفاده نشده باشد، تعیین می کند. | |
| نوع هم سطح سازی را برای آیتم های موجود در یک محفظه انعطاف پذیر را تعیین می کند. | |
| نوع هم سطح سازی را برای آیتم هایی که در یک محفظه انعطاف پذیر از قبل مشخص شده اند، تعیین می کند. | |
| تمام مقادیر را باز نشانی می کند. | |
| یک خاصیت مختصر برای تمام ویژگی های انیمیشن | |
| یک نام برای انیمیشن تعریف می کند تا از آن برای خاصیت @keyframes استفاده کنیم. | |
| مدت زمان طی شدن یک چرخه را برای انیمیشن تا پایان آن تعریف می کند. | |
| سرعت منحنی یک انیمیشن را تعریف می کند. | |
| یک تاخیر را در زمان شروع حرکت انیمیشن تعیین می کند. | |
| تعداد دفعاتی که انیمیشن بعد از اتمام باید دوباره اجرا شود را تعریف می کند. | |
| جهت دهی انیمیشن را تعریف می کند. | |
| زمانی که انیمیشن متوقف است، یک استایل را قبل از شروع و بعد پایان برای آن تعریف می کند. | |
| تعیین می کند که انیمیشن درحال حرکت یا متوقف است. | |
| نسبت ابعاد عرض به ارتفاع را تعریف می کند. |
B
| ویژگی - استایل | توضیحات |
|---|---|
| جلوه گرافیکی ناحیه پشتی عناصر را تعریف می کند. | |
backface-visibility |
تعیین می کند تا صفحه پس زمینه به کاربر در زمان ورود به صفحه نمایش داده شود یا خیر. |
| پس زمینه و انواع آن را برای صفحات تعریف می کند. | |
background-origin |
موقعیت مبدا یک تصویر زمینه را تعیین می کند. |
background-size |
اندازه و ابعاد تصویر زمینه را تعیین می کند. |
background-repeat |
باعث می شود تا تصویر زمینه تکرار شود. |
background-position-y |
موقعیت افقی تصویر زمینه را تعیین می کند. |
background-position-x |
موقعیت عمودی تصویر زمینه را تعیین می کند. |
background-position |
موقعیت اصلی یک تصویر زمینه را تعیین می کند. |
background-image |
تصویری که در بخش تصویر زمینه می بایست نمایش داده شود تا تعیین می کند. |
background-color |
رنگ تصویر زمینه را تعیین می کند. |
background-clip |
مسیر دهی عناصر داخل تصویر زمینه را تعیین می کند. |
background-attachment |
تعیین می کند که تصویر زمینه ثابت بماند یا با حرکت کاربر، حرکت کند. |
background-blend-mode |
حالت های ترکیب لایه پس زمینه (رنگ، تصویر) را فراهم می کند. |
block-size |
اندازه و ابعاد ناحیه BLOCK را تعیین می کند. |
border |
یک خاصیت مختصر است برای ویژگی های مرتبط با خودش. |
border-block |
حاشیه ناحیه BLOCK را تعیین می کند. |
border-block-color |
رنگ حاشیه ناحیه BLOCK را تعیین می کند. |
border-block-end-color |
رنگ حاشیه انتهایی ناحیه BLOCK را تعیین می کند. |
border-block-end-style |
حالت و استایل ناحیه انتهایی BLOCK را تعیین می کند. |
border-block-end-width |
عرض ناحیه انتهایی BLOCK را تعیین می کند. |
border-block-start |
خط اولیه یک بلوک را در یک حاشیه برای عناصر در حالت عمودی مشخص می کند. |
border-block-start-color |
رنگ حاشیه شروعی ناحیه BLOCK را تعیین می کند. |
border-block-start-style |
حالت و استایل حاشیه شروعی ناحیه BLOCK را تعیین می کند. |
border-block-start-width |
عرض حاشیه شروعی ناحیه BLOCK را تعیین می کند. |
border-block-style |
حالت و استایل حاشیه ناحیه BLOCK را تعیین می کند. |
border-block-width |
عرض حاشیه ناحیه BLOCK را تعیین می کند. |
border-bottom |
حاشیه دور یک دکمه را تعیین می کند. |
border-bottom-color |
رنگ حاشیه دور دکمه را تعیین می کند. |
border-end-end-radius |
این ویژگی برای تنظیم شعاع گوشه ها در انتهای پایین و سمت راست یک عنصر استفاده می شود. |
border-end-start-radius |
این ویژگی برای تنظیم شعاع گوشه ها در پایین و سمت چپ یک عنصر استفاده می شود. |
border-bottom-left-radius |
انحنای حاشیه سمت چپ دکمه را تعیین می کند. |
border-bottom-right-radius |
انحنای حاشیه سمت راست دکمه را تعیین می کند. |
border-bottom-style |
حالت و استایل حاشیه دکمه را تعیین می کند. |
border-bottom-width |
عرض حاشیه یک دکمه را تعیین می کند. |
border-color |
رنگ حاشیه را تعیین می کند. |
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-color |
رنگ حاشیه انتهایی داخلی را تعیین می کند. |
border-inline-end-style |
حالت و استایل حاشیه انتهایی داخلی را تعیین می کند. |
border-inline-end-width |
عرض ناحیه انتهایی درونی را تعیین می کند. |
border-inline-start-color |
رنگ حاشیه شروعی داخلی را تعیین می کند. |
border-inline-start-width |
عرض حاشیه شروعی داخلی را تعیین می کند. |
border-inline-style |
حالت و استایل حاشیه شروعی داخلی را تعیین می کند. |
border-inline-width |
عرض حاشیه داخلی را تعیین می کند. |
border-left |
حاشیه سمت چپ را تعیین می کند. |
border-left-color |
رنگ حاشیه سمت چپ را تعیین می کند. |
border-left-style |
حالت و استایل حاشیه سمت چپ را تعیین می کند. |
border-left-width |
عرض حاشیه سمت چپ را تعیین می کند. |
border-radius |
انحنای گوشه های حاشیه را تعیین می کند. |
border-right |
حاشیه سمت را تعیین می کند. |
border-right-color |
رنگ حاشیه سمت راست را مشخص می کند. |
border-right-style |
حالت و استایل حاشیه سمت را تعیین می کند. |
border-right-width |
عرض حاشیه سمت را تعیین می کند. |
border-spacing |
فاصله بین سلول های حاشیه را تعیین می کند. |
border-style |
حالت و استایل حاشیه را تعیین می کند. |
border-top |
حاشیه بالایی را تعیین می کند. |
border-top-color |
رنگ حاشیه بالایی را تعیین می کند. |
border-top-style |
حالت و استایل حاشیه بالایی را تعیین می کند. |
border-top-width |
عرض حاشیه بالایی را تعیین می کند. |
border-width |
عرض حاشیه را تعیین می کند. |
bottom |
دکمه را در سند های CSS تعیین می کند. |
box-decoration-break |
تکه تکه شدن متن یا محتوا را در چندین خط کنترل می کند. |
box-reflect |
بازتاب هایی را برای یک عنصر با مقادیری مانند زیر، بالا، چپ یا راست ایجاد می کند. |
box-shadow |
این ویژگی سایه اطراف جعبه را کنترل می کند. |
box-sizing |
نحوه محاسبه عرض و ارتفاع یک عنصر را مشخص می کند. |
box-after |
این ویژگی کنترل می کند که آیا ستون های متن یا صفحات بلافاصله پس از یک عنصر خاص شکسته می شوند. |
box-before |
این ویژگی کنترل می کند که آیا ستون های متن یا صفحات بلافاصله قبل از یک عنصر خاص شکسته می شوند. |
box-inside |
این ویژگی مشخص می‌کند که محتوا داخل جعبه قرار بگیرد (مثل مرکز کردن محتوا) یا خارج از جعبه قرار بگیرد (مثل چسباندن به یک طرف). |
C
| ویژگی - استایل | توضیحات |
|---|---|
color |
رنگ بندی را تعیین می کند. |
caption-side |
محل قرار گرفتن جدول را مشخص می کند. |
caret-color |
با این قابلیت می توان رنگ نشانگر را مشخص کرد. |
@charset |
این ویژگی نوع کدگذاری صفحات وب را مشخص می کند |
clear |
می تواند مشخص کند که یک عنصر باید کدام سمت یک عنصر شناور را بشکند یا اصلاً شکسته نشود. |
clip-path |
می توانید بخشی از یک عنصر را برش دهید یا می توانید عناصری مانند جعبه یا قاب عکس را به صورت چند ضلعی یا ... بسازید. |
column-count |
تعداد ستون هارا تعیین می کند. |
column-fill |
نحوه پر شدن ستون ها را تعیین می کند. |
column-gap |
فاصله بین ستون ها را تعیین می کند. |
column-rule |
قانون ستون ها را تعیین می کند. |
column-rule-color |
قانون رنگ بندی ستون ها را تعیین می کند. |
column-rule-style |
قانون حالت و استایل ستون ها را تعیین می کند. |
column-rule-width |
قانون عرض ستون ها را تعیین می کند. |
column-span |
تعیین می کند که یک عنصر چند سلول را پر کند. |
column-width |
عرض ستون ها را تعیین می کند. |
columns |
یک خاصیت مختصر است برای تمام ویژگی های مرتبط با خودش. |
content |
برای درج محتوای تولید شده استفاده می شود. |
counter-increment |
مقدار یک یا چند شمارنده را کاهش یا افزایش می دهد. |
counter-reset |
یک یا چند شمارنده را می سازد. |
cursor-set |
این ویژگی یک شمارنده ایجاد می کند و مقدار خاصی را می پذیرد. |
cursor |
این ویژگی نوع اشاره گر ماوس را که روی یک عنصر قرار می گیرد را مشخص می کند. |
D
| ویژگی - استایل | توضیحات |
|---|---|
direction |
جهت متن را تعیین می کند. |
display |
باعث می شود تا عنصر قابل نمایش باشد. |
E
| ویژگی - استایل | توضیحات |
|---|---|
empty-cells |
سلول های خالی درون طرح بندی شبکه ای را تعیین می کند. |
F
| ویژگی - استایل | توضیحات |
|---|---|
filter |
جلوه هایی را قبل از نمایش یک عنصر نمایش می دهد. |
flex |
یک خاصیت مختصر است برای ویژگی های مرتبط با خودش. |
flex-basis |
طول اولیه یک آیتم انعطاف پذیر را تعیین می کند. |
flex-direction |
جهت آیتم های انعطاف پذیر را تعیین می کند. |
flex-flow |
یک خاصیت مختصر است برای ویژگی های مرتبط با خودش. |
flex-grow |
باعث می شود که یک مورد بین چند مورد افزایش یابد. |
flex-shrink |
نحوه کوچک شدن آیتم ها را تعیین می کند. |
flex-wrap |
تعیین می کند که آیتم های انعطاف پذیر در لیست کشویی بسته شوند یا خیر. |
float |
شناور بودن به سمت راست و چپ عناصر را تعیین می کند. |
font |
فونت متن را در سند های CSS تعیین می کند. |
font-face @ |
این ویژگی به اضافه کردن و استفاده از فونت هایی که فونت های ایمن وب نیستند کمک می کند. |
font-family |
خانواده فونت را تعیین می کند. |
font-feature-settings |
فونت جایگزین را تنظیم می کند. |
font-kerning |
استفاده از اطلاعات فونت در هسته سرور را تعیین می کند. |
font-size |
اندازه و ابعاد فونت را تعیین می کند. |
font-size-adjust |
خوانایی متن را تعیین می کند. |
font-stretch |
کشیدگی فونت را تعیین می کند. |
font-style |
حالت و استایل متن را تعیین می کند. |
font-variant |
با این قابلیت می توانید تعیین کنید که فونت با حروف کوچک نوشته شود یا خیر. |
font-variant-alternates |
این ویژگی به شما امکان می دهد نحوه نمایش حروف و اعداد را در یک فونت تغییر دهید، مانند استفاده از حالت های جایگزین یا سایر ویژگی های خاص. |
font-variant-caps |
نحوه نمایش حروف متن را تغییر می دهد: در حالت های بزرگ، کوچک یا سایر حالت ها. معمولاً برای عناوین، عنوان‌ها و غیره برای تنظیم نمایش متن استفاده می‌شود. |
font-variant-east-asian |
با این ویژگی می توانید نحوه نمایش نمادهای جایگزین در متون شرق آسیا را مشخص کنید. |
font-variant-ligatures |
این ویژگی به توسعه دهندگان وب اجازه می دهد تا از لیگراف برای حالت های مختلف نوشتن استفاده کنند. |
font-variant-numeric |
این ویژگی به طراحان وب کمک می کند تا نوع فونت مورد استفاده برای اعداد را کنترل کنند. |
font-variant-position |
این ویژگی به طراحان وب اجازه می دهد تا حروف کوچک و بزرگ متن را کنترل کنند. |
font-weight |
عرض فونت را تعیین می کند. |
G
| ویژگی - استایل | توضیحات |
|---|---|
gap |
شکاف بین ردیف ها و ستون ها را تعیین می کند. |
grid |
یک خاصیت مختصر است برای ویژگی های مرتبط با خودش. |
grid-area |
اجازه می دهد تا موارد شبکه را به صورت دلخواه نام گذاری کنید. |
grid-auto-columns |
اندازه ستون پیش فرض را تعیین می کند. |
grid-auto-flow |
نحوه درج موارد را طرح بندی شبکه ای تعیین می کند. |
grid-auto-rows |
اندازه ردیف های پیش فرض را تعیین می کند. |
grid-column |
یک خاصیت مختصر است برای ویژگی های مرتبط با خودش. |
grid-column-end |
محل پایانی آیتم GRID را تعیین می کند. |
grid-column-gap |
اندازه فاصله بین ستون ها را تعیین می کند. |
grid-column-start |
محل شروعی آیتم GRID را تعیین می کند. |
grid-gap |
یک خاصیت مختصر است برای ویژگی های مرتبط با خودش. |
grid-row |
یک خاصیت مختصر است برای ویژگی های مرتبط با خودش. |
grid-row-end |
محل پایان دادن به آیتم GRID را تعیین می کند. |
grid-row-gap |
اندازه فاصله بین ردیف ها را تعیین می کند. |
grid-row-start |
تعیین می کند که آیتم GRID از کجا شروع می شود. |
grid-template |
ویژگی های مختلفی را به شبکه ها ارائه می دهد. |
grid-template-areas |
انتخاب نام برای شبکه و ایجاد سلول هایی با آن نام ها. |
grid-template-columns |
تعداد ستون ها را در یک شبکه مشخص می کند. |
grid-template-rows |
اندازه هر خط را در یک شبکه تعریف می کند. |
H
| ویژگی - استایل | توضیحات |
|---|---|
hanging-punctuation |
تعیین می کند که یک متن نقطه گذاری شده ممکن است خارج از خط مربوطه قرار گیرد یا خیر. |
height |
ارتفاع را در سند های CSS تعیین می کند. |
hyphens |
نحوه تقسیم کلمات در محیط محتوایی را برای زیبا سازی آن تعیین می کند. |
hypenate-character |
کاراکتری را برای استفاده به عنوان نقطه شکست در متون طولانی تعیین می کند. |
I
| ویژگی - استایل | توضیحات |
|---|---|
image-rendering |
نوع الگوریتم مورد نظر برای مقیاس بندی تصاویر را تعیین می کند. |
inline-size |
اندازه و ابعاد عناصر را در جهت درونی تعیین می کند. |
inset |
ناحیه درون خطی را در سند های CSS تعیین می کند. |
inset-block |
فاصله یک عنصر و عنصر والدش را در ناحیه BLOCK تعیین می کند. |
inset-block-end |
فاصله پایان یک عنصر و عنصر والدش را در ناحیه BLOCK تعیین می کند. |
inset-block-start |
فاصله شروع یک عنصر و عنصر والدش را در ناحیه BLOCK تعیین می کند. |
inset-inline |
فاصله یک عنصر و عنصر والدش را در ناحیه داخلی تعیین می کند. |
inset-inline-end |
فاصله پایان یک عنصر و عنصر والدش را در ناحیه داخلی تعیین می کند. |
inset-inline-start |
فاصله شروع یک عنصر و عنصر والدش را در ناحیه داخلی تعیین می کند. |
isolation |
تعیین می کند که عنصر می بایست محتوای انباشته تولید کند یا خیر. |
J
| ویژگی - استایل | توضیحات |
|---|---|
| هنگامی که آیتم ها در یک محفظه از تمام فضای آن استفاده نمی کنند، هم سطح شدن را تعریف می کند. | |
| هم سطح سازی آیتم ها را بر روی شبکه گرید خطی تعریف می کند. | |
| روی محفظه شبکه تعریف می شود. |
K
| ویژگی - استایل | توضیحات |
|---|---|
| کد و نام انیمیشن را در css تعریف می کند. |
L
| ویژگی - استایل | توضیحات |
|---|---|
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 |
فاصله‌ی افقی بین المانها را تنظیم می‌کند، بسته به جهت نوشتن متن (ltr یا rtl). |
margin-inline-end |
فاصله میان لبه‌ها در جهت خط‌های عمودی متن (مانند راست یا چپ در زبانهای چپ به راست) را تنظیم می‌کند. |
margin-inline-start |
فاصله margin در طرفی از المان را تعیین می‌کند، که در جهت inline شروع می‌شود، معمولاً در جهت افقی برای زبان‌هایی مانند فارسی یا عربی استفاده می‌شود. |
margin-left |
فاصله‌ای است که از سمت چپ المان به دیگر عناصر و صفحه اعمال می‌شود. |
margin-right |
فاصله بین لبه راست المان و المان‌های دیگر را تعیین می‌کند. |
margin-top |
فاصله بین لبه بالای المان و المان بالایی‌اش را تنظیم می‌کند. |
mask |
برای نمایش یا پنهان کردن بخشی از یک المان با استفاده از یک ماسک تصویری استفاده می‌شود. |
mask-clip |
نشان می‌دهد که چگونه ماسک برای پوشش یک المان اعمال شود. |
mask-composite |
برای تعیین نحوه ادغام ماسک‌ها با المان مورد نظر استفاده می‌شود. |
mask-image |
برای اعمال یک ماسک بر روی یک عنصر استفاده می‌شود، مثل عکس یا گرادیانت، برای مخفی کردن بخش‌های معین از عنصر. |
mask-mode |
مشخص می‌کند که چگونه ماسک‌ها بر روی یک المان اعمال شوند، مثلاً alpha یا luminance. |
mask-origin |
مشخص می‌کند که مبدأ ابزارک کنترل کننده ماسک چیست؛ مثلاً از کجا ماسک اعمال می‌شود. |
mask-position |
موقعیت شروع ماسک را برای اعمال ماسک‌های تصویری مشخص می‌کند. |
mask-repeated |
برای کنترل تکرار پترن‌های ماسک در ویژگی mask-image استفاده می‌شود. |
mask-size |
اندازه ماسک (بافت مخفی کننده) را مشخص می‌کند که برای اعمال به یک عنصر مورد استفاده قرار می‌گیرد. |
mask-type |
نوع ماسک را برای تصاویر ویدیویی یا عکس‌ها مشخص می‌کند، مانند alpha یا luminance. |
max-height |
حداکثر ارتفاعی را که یک المان می‌تواند داشته باشد، مشخص می‌کند. |
max-width |
حداکثر عرضی است که یک عنصر می‌تواند داشته باشد، محدودیتی برای انتشار محتوا در اندازه مشخص می‌گذارد. |
media@ |
برای اعمال قوانین مختلف استایل براساس ویژگی‌های دستگاه و محیط نمایش مورد استفاده قرار می‌گیرد. |
max-block-size |
حداکثر ارتفاع یا طول عنصر را مشخص می‌کند. |
max-inline-size |
حداکثر عرض یا ارتفاعی را برای یک المان در نظر می‌گیرد، بسته به جهت متن (افقی یا عمودی)، این حداکثر اندازه را تعیین می‌کند. |
min-block-size |
حداقل اندازه بلوک عنصر را تعیین می‌کند، با اجازه افزایش در صورت نیاز. |
min-inline-size |
حداقل عرض یا ارتفاع یک المان را تعیین می‌کند، به دلایلی مانند سازگاری با محتوا و طراحی واکنش‌گرا استفاده می‌شود. |
min-height |
حداقل ارتفاعی که المان می‌تواند داشته باشد را مشخص می‌کند. |
min-width |
حداقل عرضی است که یک المان می‌تواند داشته باشد، حداقل محدودیتی را برای عرض المانها تعیین می‌کند. |
o
| ویژگی - استایل | توضیحات |
|---|---|
object-fit |
تعیین می کند که نحوه تراز شدن عناصر در داخل محفظه مربوطه چگونه باشد. |
object-position |
تراز عناصر جایگزین شده را در داخل محفظه مربوطه تعیین می کند. |
offset |
یک خاصیت مختصر است برای خاصیت های مرتبط با خودش. |
offset-anchor |
نقطه ای را بر روی یک عنصر متحرک که توسط یک مسیر افست از قبل موجود قرار گرفته است، ایجاد می کند. |
offset-distance |
موقعیتی را که یک عنصر متحرک باید طی کند را مشخص می کند. |
offset-path |
مسیری را که عنصر قرار است در آن عنصر بچرخد را تعیین می کند. |
offset-rotate |
چرخش یک عنصر را به صورت متحرک در طول مسیر تعیین می کند. |
opacity |
درصد شفافیت عناصر را تعیین می کند. |
order |
ترتیب بندی عناصر انعطاف پذیر را نسبت به سایر عناصر تعیین می کند. |
orphans |
حداقل تعداد خطوطی که در پایین صفحه یا انتهای ستون قرار می گیرد را تعیین می کند. |
outline |
یک خاصیت مختصر است برای عناصر مرتبط با خودش. |
outline-color |
رنگ فراتر از مرز را تعیین می کند. |
outline-offset |
یک طرح کلی را فراتر از مرز تعیین می کند. |
outline-style |
حالت و استایل خارج از خط را تعیین می کند. |
outline-width |
عرض خارج از خط را تعیین می کند. |
overflow |
سرریز محتوا را در یک جعبه کنترل می کند. |
overflow-x |
سرریز متن افقی را کنترل می کند. |
overflow-y |
سرریز متن عمودی را کنترل می کند. |
overflow-behavior |
رفتارها و حرکات پیمایش را مدیریت می کند. |
overflow-behavior-block |
رفتار اسکرول را در انتهای بلوک مشخص می کند. |
overflow-behavior-inline |
تعیین می کند که آیا یک خط در انتهای یک خط ادامه دارد یا خیر. |
overflow-behavior-x |
رفتار اسکرول را در انتهای محور افقی مشخص می کند. |
overflow-behavior-y |
رفتار اسکرول را در انتهای محور عمودی مشخص می کند. |
p
| ویژگی - استایل | توضیحات |
|---|---|
padding |
یک خاصیت مختصر است برای ویژگی های مرتبط با آن. |
padding-block |
لایه مربوطه به ناحیه BLOCK را تعیین می کند. |
padding-block-end |
لایه پایانی ناحیه BLOCK را تعیین می کند. |
padding-block-start |
لایه شروعی ناحیه BLOCK را تعیین می کند. |
padding-bottom |
لایه پایینی یک عنصر را تعیین می کند. |
padding-inline |
لایه داخلی یک عنصر را تعیین می کند. |
padding-inline-end |
لایه داخلی پایانی را تعیین می کند. |
padding-inline-start |
لایه داخلی شروعی را تعیین می کند. |
padding-left |
لایه سمت چپی یک عنصر را تعیین می کند. |
padding-right |
لایه سمت راستی یک عنصر را تعیین می کند. |
padding-top |
لایه بالایی یک عنصر را تعیین می کند. |
page-break-after |
تعیین می کند که عنصر بعدی پس از پایان یک عنصر از کجا شروع می شود. |
page-break-before |
تعیین می کند که آیا عنصر چاپ زیر پس از تکمیل عنصر فعلی در صفحه جدیدی شروع می شود یا خیر. |
page-break-inside |
برای کنترل نحوه چاپ محتوا در صفحات چاپ شده استفاده می شود. |
paint-order |
با این قابلیت می توانید چیدمان و ترتیب را مشخص کنید. |
perspective |
از این ویژگی برای سه بعدی سازی یک عنصر استفاده می شود. |
perspective-origin |
لایه بالایی یک عنصر را تعیین می کند. |
place-content |
با این قابلیت می توانید محتویات فلکس باکس را مرتب کنید. |
place-items |
Grid با Flexbox وجود دارامکان قرار دادن و اندازه یک عنصر خاص در یک. |
place-self |
موقعیت افقی و عمودی عناصر را به طور همزمان تنظیم می کند. |
pointer-events |
مشخص می کند که آیا یک عنصر به رویدادهای ماوس پاسخ می دهد یا خیر. |
position |
موقعیت را در سند های css تعیین می کند. |
Q
| ویژگی - استایل | توضیحات |
|---|---|
quotes |
نوع گیومه های جدا سازی را در عناصر نقل قول تعیین می کند. |
R
| ویژگی - استایل | توضیحات |
|---|---|
resize |
تعیین می کند که کاربر بتواند اندازه و ابعاد عنصر را تغییر دهد یا خیر |
right |
سمت راست عنصر را تعیین می کند. |
rotate |
باعث می شود تا عنصر بتواند بچرخد. |
row-gap |
شکاف بین ردیف ها را تعیین می کند. |
S
| ویژگی - استایل | توضیحات |
|---|---|
scale |
اندازه عناصر را بهره وری از کاهش یا افزایش مقیاس آنها تعیین می کند. |
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-margin-inline-end |
فضا را از محتوا به لبه سمت راست در یک عنصر تنظیم می کند. |
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-margin-inline-end |
فضا را از محتوا به لبه سمت راست در یک عنصر تنظیم می کند. |
scroll-snap-align |
نحوه تراز شدن عناصر در حین پیمایش را کنترل می کند. |
scroll-snap-stop |
مشخص می کند که آیا پیمایش باید در نقاط خاصی که برای اسکرول مشخص شده اند متوقف شود یا خیر. |
scroll-snap-type |
این به شما کمک می کند تا نوع اسکرول را برای یک عنصر مشخص کنید. |
scroll-color |
رنگ نوار اسکرول را در حالت عادی و فعال تنظیم می کند. |
T
| ویژگی - استایل | توضیحات |
|---|---|
tab-size |
عرض کاراکتر را در یک برگه تعیین می کند. |
table-layout |
الگوریتم چیدمان سلول ها، ردیف ها و ستون ها را تعیین می کند. |
text-align |
تراز افقی متن را تعیین می کند. |
text-align-last |
نحوه بسته شدن متن روی خطوطی که در خط آخر از هم جدا شده اند را کنترل می کند. |
text-combine-upright |
ترتیب چند کاراکتر ها را تعیین می کند. |
text-decoration |
جهت دهی متن را تعیین می کند. |
text-decoration-color |
رنگ متن را تعیین می کند. |
text-decoration-line |
خط بندی متنی را تعیین می کند. |
text-decoration-style |
حالت و استایل متن را تعیین می کند. |
text-decoration-thickness |
ضخامت خط را تعیین می کند. |
text-emphasis |
علامت های تاکیدی را در متن مدیریت می کند. |
text-emphasis-color |
رنگ مورد استفاده برای برجسته کردن متن را مشخص می کند. |
text-emphasis |
علامت های تاکیدی را در متن مدیریت می کند. |
text-emphasis-position |
نحوه قرار گرفتن لبه های متن در کنار متن را کنترل می کند. |
text-emphasis-style |
نحوه نمایش تاکید متن را مشخص می کند. |
text-indent |
داخل رفتگی متن اول خط را در یک ناحیه BLOCK تنظیم می کند. |
text-justify |
روشی توجهی برای جهت دهی کاراکتر ها می باشد. |
text-orientation |
جهت دهی کاراکتر های متنی را تعیین می کند. |
text-shadow |
به متن سایه اضافه می کند. |
text-transform |
حروف بزرگ متن را مدیریت می کند. |
text-underline-position |
موقعیت خط زیرین را با بهره وری از خاصیت text-decoration تغییر می دهد. |
top |
موقعیت بالایی عناصر را تعیین می کند. |
transform |
باعث می شود تا تبدیل های دو بعدی یا سه بعدی به یک خاصیت تبدیل شوند. |
transform-origin |
باعث می شود تا کاربر بتواند موقعیت عناصر تبدیل شده را تغییر دهد. |
transform-style |
نحوه نمایش عناصر تو در تو را در محیط سه بعدی تعیین می کند. |
transition |
یک خاصیت مختصر است برای تمام زیر مجموعه های خود. |
transition-delay |
زمان شروع ویژگی تاثیر گذار را تعیین می کند. |
transition-duration |
تعیین می کند که یک ویژگی تاثیر گذار چند ثانیه یا میلی ثانیه زمان می برد تا تا تکمیل شود. |
transition-property |
نام ویژگی CSS که تاثیر گذار است را تعیین می کند. |
transition-timing-function |
انحنای سرعت تاثیر گذاری را تعیین می کند. |
translate |
موقعیت یک عنصر را تعیین می کند. |
U
| ویژگی - استایل | توضیحات |
|---|---|
unicode-bidi |
جهت متن و پشتیبانی متن توسط چندین زبان را تعیین می کند. |
user-select |
این دسترسی را به کاربر می دهد تا بتواند یک بخشی از متن را انتخاب کند یا خیر. |
V
| ویژگی - استایل | توضیحات |
|---|---|
vertical-align |
تراز عمودی فقط یک عنصر را تعیین می کند. |
visibility |
تعیین می کند که عناصر قابل نمایش باشند یا خیر. |
W
| ویژگی - استایل | توضیحات |
|---|---|
white-space |
نحوه مدیریت صفحه خالی یا سفید صفحات را تعیین می کند. |
widows |
حداقل تعداد خطوطی که باید در بالای صفحه یا ستون تنظیم شوند را تعیین می کند. |
width |
عرض عناصر را تعیین می کند. |
word-break |
نحوه شکستن عبارات و انتقال آنها به خط بعدی را تعیین می کند. |
word-spacing |
فاصله بین کلمات متن را تعیین می کند. |
word-wrap |
باعث می شود که عبارات طولانی شکسته و ادامه آنها در خط بعدی ادامه پیدا کند. |
writing-mode |
تعیین می کند که خطوط متن به صورت افقی یا عمودی نمایش داده شوند. |
Z
| ویژگی - استایل | توضیحات |
|---|---|
z-index |
ترتیب پشته عناصر را در موقعیت صحیح تنظیم می کند. |
