40% تخفیف با کد Mehr روی تمام آموزش ها بمناسبت فرارسیدن ماه مهر ...!
زمان باقی مانده (تمدید شد)
سبد (0)

آموزش‌های پیشنهادی فرادرس

مرجع کامل خصوصیت های CSS

مرجع کامل خصوصیت های CSS

در زیر، تمام خصوصیت های CSS، دسته بندی شده اند، لطفاً برای مشاهده خصوصیت های مربوط به هر گروه روی آن کلیک نمایید:

ستون "CSS" در جداول زیر، نسخه CSS ای که این خصوصیت در آن تعریف شده است را نشان می دهد. (CSS1، CSS2، CSS3)

خصوصیت های Animation (انیمیشن)

خصوصیتتوضیحاتCSS
@keyframesانیمیشن را مشخص می کند.3
animation

از خصوصیت animation می توانید برای مختصر نویسی خصوصیت های زیر  به جز خصوصیت animation-play-state استفاده نمایید.

3
animation-delay

زمان شروع انیمیشن را مشخص می کند. مقدار پیشفرض 0 است.

3
animation-directionاگر تعداد تکرار انیمیشن بیش از 1 بار باشد، این خصوصیت سیکل تناوب انیمیشن را مشخص می کند. (مقدار alternate انیمیشن را به صورت عکس تکرار می کند)3
animation-durationزمان اجرای انیمیشن به ثانیه یا میلی ثانیه، مقدار پیشفرض 0 است.3
animation-fill-modeمقادیری که انیمیشن خارج از زمان اجرا می گیرد را مشخص می کند.3
animation-iteration-countتعداد دفعاتی که انیمیشن اجرا می شود را مشخص می کند. مقدار پیشفرض 1 است. (مقدار infinite انیمیشن را تا بینهایت تکرار خواهد کرد)3
animation-nameنام انیمیشن که در قانون keyframes@ ذکر شده است را مشخص می کند.3
animation-timing-functionنحوه پردازش انیمیشن در طول یک سیکل را توضیح می دهد. مقدار پیشفرض "ease" است.3
animation-play-stateتوقف یا اجرای انیمیشن را مشخص می کند. مقدار پیشفرض "running" است.3

خصوصیت های Background

خصوصیتتوضیحاتCSS
backgroundاز خصوصیت background می توانید برای مختصر نویسی خصوصیت های مربوط به پس زمینه استفاده نمایید.1
background-attachmentمکان عکس پس زمینه با Scroll خوردن صفحه حفظ شود یا نه.1
background-colorرنگ پس زمینه یک عنصر را تنظیم می کند.1
background-imageعکس های پس زمینه را تنظیم می کند.1
background-positionشروع مکان قرارگیری عکس پس زمینه را تنظیم می کند.1
background-repeatچگونگی تکرار عکس پس زمینه را تنظیم می کند.1
background-clipناحیه رنگ آمیزی پس زمینه را مشخص می کند.3
background-originناحیه قرار گیری عکس پس زمینه را مشخص می کند. (تصویر پس زمینه می تواند در قسمت محتوی (content-box)، لبه (border-box) و یا مکان (padding-box) قرار گیرد)3
background-sizeاندازه تصویر پس زمینه را تنظیم می کند.3

خصوصیت های Border و Outline 

خصوصیتتوضیحاتCSS
border

تنظیمات تمام خصوصیت ها در یک تخصیص.

1
border-bottomبا استفاده از خصوصیت border-bottom، می توانید در یک مرحله تمام خصوصیت های لبه پایینی را تنظیم نمایید.1
border-bottom-colorcolor لبه پایینی را مشخص می کند.1
border-bottom-stylestyle لبه پایینی را مشخص می کند.1
border-bottom-widthwidth لبه پایینی را مشخص می کند.1
border-colorcolor لبه ها را مشخص می کند.1
border-leftبا استفاده از خصوصیت مختصر border-left، می توانید تمام خصوصیت های لبه سمت چپ را در یک اعلان، تنظیم نمایید.1
border-left-colorcolor لبه سمت چپ را مشخص می کند.1
border-left-stylestyle لبه سمت چپ را مشخص می کند.1
border-left-widthwidth لبه سمت چپ را مشخص می کند.1
border-rightبا استفاده از خصوصیت مختصر border-right، می توانید در یک مرحله تمام خصوصیت های لبه سمت راست را تنظیم نمایید.1
border-right-colorcolor لبه سمت راست را مشخص می کند.1
border-right-styleStyle لبه سمت راست را مشخص می کند.1
border-right-widthwidth لبه سمت راست را مشخص می کند.1
border-stylestyle لبه ها رامشخص می کند.1
border-topبا استفاده از خصوصیت مختصر border-top، می توانید در یک مرحله تمام خصوصیت های لبه بالایی را تنظیم نمایید.1
border-top-colorcolor لبه بالایی را مشخص می کند.1
border-top-stylestyle لبه بالایی را مشخص می کند.1
border-top-widthwidth لبه بالایی را مشخص می کند.1
border-widthwidth لبه ها را مشخص می کند.1
outlineفرم مختصر شده outline تمام خصوصیت های outline را در یک تخصیص تنظیم می کند.2
outline-colorرنگ outline را مشخص می کند.2
outline-styleاستایل outline را مشخص می کند.2
outline-widthضخامت outline را مشخص می کند.2
border-bottom-left-radiusشکل لبه در گوشه پایین سمت چپ را مشخص می کند.3
border-bottom-right-radiusشکل لبه در گوشه پایین سمت راست را مشخص می کند.3
border-imageبا استفاده از خصوصیت مختصر border-image، می توانید در یک مرحله خصوصیت های *-border-image را مشخص کرد.3
border-image-outset 3
border-image-repeatبا استفاده از خصوصیت border-image-repeat می توانید نحوه ی نمایش تصویر در ناحیه border را تعیین نمایید.3
border-image-sliceبا استفاده از خصوصیت border-image-slice، می توانید حاشیه داخلی image-border را مشخص نمایید.3
border-image-sourceبا استفاده از خصوصیت border-image-source می توانید از یک عکس به جای استایل های border که توسط خصوصیات border-style داده می شود استفاده کنید3
border-image-widthبا استفاده از خصوصیت border-image-width می توانید اندازه ی پهنای (عرض) حاشیه ی عکس را تعیین کنید.3
border-radiusبا استفاده از خصوصیت مختصر border-radius، می توانید چهار خصوصیت *-border-radius را در یک مرحله تنظیم نمایید.3
border-top-left-radiusبا استفاده از خصوصیت border-top-left-radius، می توانید شکل لبه در گوشه بالا سمت چپ را تعیین نمایید.3
border-top-right-radiusبا استفاده از خصوصیت border-top-right-radius، می توانید شکل لبه در گوشه بالا سمت راست را تعیین نمایید.3
box-decoration-break 3
box-shadowبا استفاده از خاصیت box-shadow می تواین یک یا چند سایه به box داد.3

خصوصیت های Box

خصوصیتتوضیحاتCSS
overflow-xبا استفاده از خصوصیت overflow-x می توان مشخص کرد هنگامی که محتوا از لبه سمت چپ یا راست سرریز می شود، چه اتفاقی رخ دهد.3
overflow-yبا استفاده از خصوصیت overflow-y می توان مشخص کرد هنگامی که محتوا از لبه بالایی یا پایینی سرریز می شود، چه اتفاقی رخ دهد.3
overflow-styleبا استفاده از خصوصیت می توان روش scroll شدن یک عنصر را هنگامی که سرریز می کند، مشخص کرد.3
rotationخصوصیت rotation یک عنصر block را حول نقطه ای که توسط خصوصیت rotation-point مشخص می شود، در جهت خلاف عقربه های ساعت می چرخاند.3
rotation-pointخصوصیت rotation-point یک زوج عدد است که یک نقطه را به عنوان افست از لبه بالایی گوشه چپ مشخص می کند. در حقیقت چرخش حول این نقطه صورت می گیرد.3

خصوصیت های color

خصوصیتتوضیحاتCSS
color-profileاجازه می دهد منبع پروفایل رنگ غیر از پروفایل پیش فرض انتخاب شود.3
opacityبا استفاده از خصوصیت opacity می توان میزان شفافیت یک عنصر را مشخص کرد.3
rendering-intentاجازه تنظیم خصوصیت rendering intent را در منبع پروفایل رنگ به غیر از مقدار پیش فرض می دهد.3

خصوصیت های Dimension

خصوصیتتوضیحاتCSS
heightبا استفاده از خصوصیت height می توان ارتفاع عناصر را تنظیم کرد.1
max-heightاستفاده از خصوصیت  می توان حداکثر ارتفاع یک عنصر را مشخص کرد.2
max-widthبا استفاده از خصوصیت max-width می توان حداکثر عرض یک عنصر را مشخص کرد.2
min-heightبا استفاده از خصوصیت min-height می توان حداقل ارتفاع یک عنصر را مشخص کرد.2
min-widthبا استفاده از خصوصیت min-width می توان حداقل عرض یک عنصر را مشخص کرد.2
widthتمام مرورگرهای اصلی، خصوصیت width را پشتیبانی می کنند.1

خصوصیت های Flexible Box

خصوصیتتوضیحاتCSS
box-alignبا استفاده از خصوصیت box-align می توان نحوه ترازبندی عناصر داخل یک box را مشخص کرد.3
box-directionبا استفاده از خاصیت box-direction، جهت چینش فرزندان یک عنصر box را می توان مشخص کرد.3
box-flexبا استفاده از خاصیت box-flex می توان مشخص نمود که عناصر فرزند دارای سایز انعطاف پذیر یا انعطاف ناپذیر باشند.3
box-flex-groupبا استفاده از خاصیت box-flexible-group عناصر انعطاف پذیر را به یک گروه flex اختصاص می دهیم.3
box-linesبا استفاده از خاصیت box-lines مشخص می کنیم هنگامی که فضای یک عنصر از فضای box والدش بیشتر شد، این عنصر به خط بعدی برود یا خیر.3
box-ordinal-groupبا استفاده از خاصیت box-ordinal-group ترتیب نمایش فرزندان یک box را می توان مشخص کرد.3
box-orientبا استفاده از خصوصیت box-orient می توان مشخص کرد که فرزندان یک عنصر عمودی یا افقی چیدمان شوند.3
box-packبا استفاده از خاصیت box-pack می توان مشخص کرد که فرزندان یک box هنگامی که سایز box از سایز فرزندان بیشتر است در کجا قرار گیرند.3

خصوصیت های Font

خصوصیتتوضیحاتCSS
fontبا استفاده از خاصیت مختصر شده font، می توانیم تمام ویژگی های مربوط به فونت را در یک تخصیص، تنظیم کنیم.1
font-familyنام فونت را تنظیم می کند. برای اطلاعات بیشتر و مشاهده مقادیر ممکن به font-family مراجعه فرمایید1
font-sizeاندازه یک فونت و فاصله بین خطوط را مشخص می کند. برای اطلاعات بیشتر و مشاهده مقادیر ممکن به font-size و line-height مراجعه فرمایید.1
font-styleStyle یک فونت را تنظیم می کند. برای اطلاعات بیشتر و مشاهده مقادیر ممکن به font-style مراجعه فرمایید.1
font-variantکوچک یا بزرگ بودن حروف را مشخص می کند. برای اطلاعات بیشتر و مشاهده مقادیر ممکن به  font-variantمراجعه فرمایید.1
font-weightضخامت یک فونت را تنظیم می کند. برای اطلاعات بیشتر و مشاهده مقادیر ممکن به font-weight مراجعه فرمایید.1
@font-faceبا استفاده از از قانون font-face@، می توانید هر فونتی را که می خواهید استفاده نمایید. فقط کافی است در قانون font-face@ ابتدا یک نام برای فونت خود مشخص نمایید (مثلاً myFirstFont) و سپس آنرا به فایل فونتی که قبلاً روی سرور آپلود کرده اید هدایت کنید.3
font-size-adjustبا استفاده از خاصیت font-size-adjust می توانیم هنگامی که اولین فونت انتخابی در دسترس نبود، کنترل بیشتری روی اندازه فونت ها داشته باشیم.3
font-stretchبا استفاده از خاصیت Font-strech می توان یک متن را کشیده تر یا باریک تر (فشرده تر) کرد.3

خصوصیت های ایجاد محتوی

خصوصیتتوضیحاتCSS
contentخاصیت content با ترکیب شبه عنصرهای after: و after: برای درج محتوا به کار می رود.2
counter-incrementبا استفاده از خاصیت counter-increment می توان مقادیر یک یا چند شمارنده را افزایش داد.2
counter-resetبا استفاده از خاصیت counter-reset می توان یک یا چند شمارنده ایجاد نمود یا آنها را بازنشانی (reset) کرد.2
quotesبا استفاده از خصوصیت quotes می توان علامت کوتیشنی که داخل عنصر کوتیشن دیگر قرار دارد را مشخص کرد2
   

خصوصیت های Grid

خصوصیتتوضیحاتCSS
grid-columnsعرض هر ستون را در یک Gird مشخص می کند.3
grid-rowsارتفاع هر ستون را در یک Grid مشخص می کند.3
خصوصیتتوضیحاتCSS
targetبا استفاده از خصوصیت مختصر شده target می توان تنظیمات مربوط به خصوصیت های target-name  ،target-new  و target-position را در یک تخصیص تعیین کرد.3
target-nameمشخص می کند که لینک در کجا باز شود. (مقصد لینک کجاست)3
target-newبا استفاده از خصوصیت target-new می توان مشخص کرد که لینک های جدید در پنجره جدید باز شوند و یا در سربرگ جدیدی در پنچره جاری باز شوند.3
target-positionبا استفاده از خصوصیت target-position می توان مشخص کرد که مقصد جدید لینک باید کجا باشد.3

 خصوصیت های List

خصوصیتتوضیحاتCSS
list-styleبا استفاده از فرم مختصر شده list-style می توان تمام خصوصیات مربوط به لیست را در یک خط تخصیص داد.1
list-style-imageبا استفاده از خصوصیت list-style-image می توان تصویری را جایگزین علامت لیست کرد.1
list-style-positionبا استفاده از خصوصیت list-style-position می توان مشخص کرد که آیا علامت داخل فضای محتوا قرار گیرد یا خارج از فضای محتوا.1
list-style-typeبا استفاده از خصوصیت list-style-type می توان نوع علامت عناصر یک لیست را مشخص کرد.1

خصوصیت های Margin

خصوصیتتوضیحاتCSS
marginفرم مختصر شده margin برای تنظیم تمام خصوصیت های margin در یک اعلان می باشد. این خصوصیت می تواند از یک تا چهار مقدار داشته باشد.1
margin-bottomبا استفاده از خصوصیت margin می توان میزان margin از لبه پایین را مشخص کرد.1
margin-leftبا استفاده از خصوصیت margin-left می توان میزان margin از لبه سمت چپ را مشخص کرد.1
margin-rightبا استفاده از خصوصیت margin-left می توان میزان margin از لبه سمت چپ را مشخص کرد.1
margin-topبا استفاده از خصوصیت margin-top می توان میزان margin از لبه پایین را مشخص کرد.1

خصوصیت های Multi-column

خصوصیتتوضیحاتCSS
column-countبا استفاده از خاصیت column-count تعداد ستون هایی که یک عنصر باید به آن تعداد تقسیم شود را مشخص می کنیم.3
column-fillبا استفاده از خصوصیت column-fill مشخص می کنیم که نحوه پر شدن ستون ها به صورت متوازن (balanced) باشد یا خیر.3
column-gapبا استفاده از خاصیت column-gap می توانیم میزان فاصله (شکاف) بین هر دوستون را مشخص کنیم.3
column-ruleخصوصیت column-rule در واقع فرم مختصر شده ای برای تنظیم تمام خاصیت های *-column-rule  می باشد3
column-rule-colorرنگ خط بین ستون ها را مشخص می کند.3
column-rule-styleاستایل خط بین ستون ها را مشخص می کند.3
column-rule-widthضخامت (عرض) خط بین ستون ها را مشخص می کند.3
column-spanبا استفاده از خاصیت column-span می توانیم مشخص کنیم که یک عنصر باید در چند ستون محصور و محدود شود.3
column-width ضخامت ستون ها را مشخص می کند3
columnsخاصیت columns فرم مختصر شده ای برای تنظیم خاصیت های column-width و  column-count می باشد.3

خصوصیت های Padding

خصوصیتتوضیحاتCSS
paddingبا استفاده از خصوصیت مختصر شده padding می توانیم تمام خصوصیت های padding را در یک تخصیص مقدار دهی کنیم. (فاصله بین border تا شروع محتوا، padding تلقی می شود) این خصوصیت می تواند از یک تا چهار مقدار داشته باشد.1
padding-bottomبا استفاده از خصوصیت padding-bottom می توانیم padding پایین یک عنصر را مقدار دهی کنیم.1
padding-leftبا استفاده از خصوصیت padding-left می توانیم padding پایین یک عنصر را مقدار دهی کنیم1
padding-rightبا استفاده از خصوصیت padding-right می توانیم padding سمت راست یک عنصر را مقدار دهی کنیم.1
padding-topبا استفاده از خصوصیت padding-top می توانیم padding بالای یک عنصر را مقدار دهی کنیم.1

خصویت های Paged Media

خصوصیتتوضیحاتCSS
fit 3
fit-position 3
image-orientation 3
page 3
size 3

خصوصیت های Positioning

خصوصیتتوضیحاتCSS
bottomبرای عناصری که مکان آن ها absolute است، ویژگی bottom لبه پایینی عنصر را نسبت به عنصر والدش، بالا یا پایین می برد.
برای عناصری که مکان آن ها relative است، ویژگی bottom لبه پایینی عنصر را نسبت به مکان خودش، بالا یا پایین می برد.
2
clearبا استفاده از خاصیت clear مشخص می کنیم که در کدام سمت از یک عنصر، عناصر شناور دیگر اجازه قرار گیری ندارند.1
clipبا استفاده از خاصیت clip می توانید یک مستطیل برای بریدن عنصری که به صورت absoulote موقعیت دهی شده است، مشخص کنید.2
cursor 2
displayبا استفاده از خاصیت display می توانیم نوع boxی که برای عنصر  به کار رفته است را مشخص کنیم.1
floatبا استفاده از خصوصیت float مشخص می کنیم که آیا یک box (یا عنصر) باید شناور شود یا خیر.1
leftبا استفاده از خصوصیت left، هنگامی که عنصر به صورت absolute مکان دهی شده است، می توان لبه سمت چپ عنصر را نسبت به والدش به چپ یا راست جا به جا کرد.2
overflowبا استفاده از خصوصیت overflow می توان مشخص کرد هنگامی که محتوا سرریز می شود، چه اتفاقی رخ دهد.2
positionبا استفاده از خصوصیت position، می توان روش مکان دهی به یک عنصر را مشخص کرد (static, relative, absolute or fixed).2
rightبا استفاده از خصوصیت right، هنگامی که عنصر به صورت absolute مکان دهی شده است، می توان لبه سمت راست عنصر را نسبت به والدش به چپ یا راست جا به جا کرد.2
topبرای عناصری که مکان آن ها absolute است، ویژگی top لبه بالایی عنصر را نسبت به عنصر والدش، بالا یا پایین می برد.
برای عناصری که مکان آن ها relative است، ویژگی top لبه بالایی عنصر را نسبت به مکان خودش، بالا یا پایین می برد.
2
visibilityبا استفاده از خصوصیت visibility می توانید،یک عنصر را نمایش بدهید یا آن را مخفی کنید.2
z-indexخصوصیت z-index ترتیب عناصر را مشخص می کند (کدام عنصر باید جلو یا پشت دیگر عناصر باشد)2

خصوصیت های Print

خصوصیتتوضیحاتCSS
orphans 2
page-break-afterبا استفاده از خصوصیت page-break-after می توان رفتار مربوط به شکستن صفحه (رفتن به صفحه بعد) را بعد از یک عنصر تنظیم کرد.2
page-break-beforeبا استفاده از خصوصیت page-break-before می توان رفتار مربوط به شکستن صفحه (رفتن به صفحه بعد) را قبل از یک عنصر تنظیم کرد.2
page-break-insideبا استفاده از خصوصیت page-break-before می توان رفتار مربوط به شکستن صفحه (رفتن به صفحه بعد) داخل یک عنصر را تنظیم کرد.2
widows 2

خصوصیت های Ruby

خصوصیتتوضیحاتCSS
ruby-align 3
ruby-overhang 3
ruby-position 3
ruby-span 3

خصوصیت های Speech

خصوصیتتوضیحاتCSS
mark 3
mark-after 3
mark-before 3
phonemes 3
rest 3
rest-after 3
rest-before 3
voice-balance 3
voice-duration 3
voice-pitch 3
voice-pitch-range 3
voice-rate 3
voice-stress 3
voice-volume 3

خصوصیت های Table

خصوصیتتوضیحاتCSS
border-collapseبا استفاده از خاصیت border-collapse، می توانید لبه های دوخطی یک جدول را به لبه های یک خطی و مجزا تبدیل نمایید.2
border-spacingبا استفاده از خصوصیت border-spacing، می توانید فاصله بین لبه ها در سلول های مجاور یک جدول را مشخص نمایید.2
caption-sideبا استفاده از خاصیت caption-side می توانیم مکان قرار گیری عنوان جدول را مشخص کنیم.2
empty-cellsSpecifies whether or not to display borders and background on empty cells in a table2
table-layoutبا استفاده از خصوصیت table-layout می توان الگوریتم چیدمان ظاهری جدول را تنظیم کرد.2

خصوصیت های Text

خصوصیتتوضیحاتCSS
colorبا استفاده از خاصیت color می توانیم رنگ متن را مشخص کنیم.1
directionبا استفاده از خاصیت direction می توانیم جهت نوشتن متن را مشخص کنیم.2
letter-spacingبا استفاده از خصوصیت letter-spacing می توان فاصله حروف یک متن را افزایش یا کاهش داد.1
line-heightبا استفاده از خصوصیت line-height می توان ارتفاع خطوط را مشخص کرد.1
text-alignبا استفاده از خصوصیت text-align می توان ترازبندی افقی نوشته ها در یک عنصر را مشخص کرد.1
text-decorationخصوصیت text-decoration نحوه آذین بندی نوشته ها را مشخص می کند.1
text-indentبا استفاده از خصوصیت text-indent می توان میزان تورفتگی اولین خط یک متن را مشخص کرد.1
text-transformبا استفاده از خصوصیت text-transform می توان حروف یک متن را به حروف بزرگ یا کوچک تبدیل کرد.1
unicode-bidiبا استفاده از ترکیب خصوصیت unicode-bidi با خصوصیت direction می توان مشخص کرد که آیا متن باید بازنویسی شود تا چند زبانی را در یک سند پشتیبانی کند یا خیر.2
vertical-alignبا استفاده از خصوصیت vertical-align می توان تراز بندی عمودی یک عنصر را تنظیم کرد.1
white-spaceبا استفاده از خصوصیت white-space می توان مشخص کرد که خطوط فاصله داخل یک عنصر چگونه مدیریت شوند.1
word-spacing: با استفاده از خصوصیت word-spacing می توان فاصله بین کلمات را کاهش یا افزایش داد.1
hanging-punctuationSpecifies whether a punctuation character may be placed outside the line box3
punctuation-trimSpecifies whether a punctuation character should be trimmed3
text-align-lastDescribes how the last line of a block or a line right before a forced line break is aligned when text-align is "justify"3
text-justifyبا استفاده از خصوصیت text-justify می توان مشخص کرد، هنگامی متن justify می شود، روش justify شدن چگونه باشد.3
text-outlineبا استفاده از خصوصیت text-outline می توان برای یک متن خط خارجی (outline) مشخص کرد.3
text-overflowبا استفاده از خصوصیت text-overflow می توان مشخص کرد هنگامی متن از عنصر والدش سرریز می کند، چه اتفاقی رخ دهد.3
text-shadowبا استفاده از خصوصیت text-shadow می توان به متن سایه اضافه کرد.3
text-wrapبا استفاده از خصوصیت text-wrap می توان قوانین مربوط به شکستن خط را در یک متن مشخص کرد.3
word-breakبا استفاده از خصوصیت word-break می توان قانون شکستن خط را برای رسم الخط non-CJK تعیین کرد.3
word-wrapبا استفاده از خصوصیت word-wrap کلماتی با طول بلند که در خط جا نمی شوند، شکسته می شوند و در خط بعدی نمایش داده می شوند.3

خصوصیت های 2D/3D Transform

خصوصیتتوضیحاتCSS
transformبا استفاده از خصوصیت transform می توان تبدیل دوبعدی و سه بعدی را به یک عنصر اعمال کرد. این خصوصیت اجازه می دهد تا عناصر را بچرخایند، عناصر را کج کنید، مقیاس عناصر را افزایش و یا کاهش دهید، عناصر را حرکت دهید.3
transform-originبا استفاده از خصوصیت transform-origin می توان مکان عنصر تبدیل شده را تغییر داد.3
transform-styleبا استفاده از خصوصیت transform-style می توان نحوه چرخیدن عناصر تو در تو را در فضای سه بعدی مشخص کرد.3
perspectiveبا استفاده از خصوصیت perspective می توان مشخص کرد که یک عنصر سه بعدی در چند پیکسلی دید کاربر قرار گیرد. این خصوصیت به شما  اجازه می دهد تا دور نمای عناصر سه بعدی را تغییر دهید تا نمای آنها تغییر یابند.3
perspective-originبا استفاده از خصوصیت perspective-origin می توان مشخص کرد که یک عنصر سه بعدی روی محور X و محور y از کجا شروع شود. این خصوصیت به شما اجازه می دهد، محل قرارگیری عنصر سه بعدی از پایین را مشخص کنید.3
backface-visibilityبا استفاده از خصوصیت backface-visibility، می توان مشخص نمود، زمانی که پشت عنصر به سمت صفحه نمایش است، آیا دیده شود یا خیر.3

خصوصیت های Transition

خصوصیتتوضیحاتCSS
transitionبا استفاده از فرم مختصر شده خصوصیت transition می توان چهار خصوصیت transition را یکجا تعریف کرد.3
transition-propertyبا استفاده از خصوصیت transition-property می توان نام خصوصیت CSSی که انتقال روی آن خصوصیت صورت می گیرد را مشخص کرد. به عبارتی transition-property نام خصوصیت CSSی است که اگر بنحوی تغییر کند، انتقال یا transition صورت می گیرد.3
transition-durationبا استفاده از خصوصیت transiiion-duration می توان مشخص کرد عمل انتقال در چند ثانیه یا در چند میلی ثانیه تکمیل شود.3
transition-timing-functionبا استفاده از خصوصیت transition-timing-function می توان سرعت منحنی انتقال را مشخص کرد.3
transition-delayبا استفاده از خصوصیت transition-delay می توان مشخص کرد که پس از چه مدت زمانی انتقال انجام شود.3

خصوصیت های User-interface

خصوصیتتوضیحاتCSS
appearanceبا استفاده از خصوصیت appearance، می توانید نحوه نمایش عنصر را شبیه دیگر عناصر قرار دهید.3
box-sizingبا استفاده از خصوصیت box-sizing می توانید عناصر را در یک ناحیه fit کنید.3
icon 3
nav-downبا استفاده از خصوصیت nav-down می توان مشخص کرد که هنگام فشردن کلید مکان نمای پایین، کدام عنصر انتخاب شود.3
nav-indexSpecifies the tabbing order for an element3
nav-leftبا استفاده از خصوصیت nav-left می توان مشخص کرد که هنگام فشردن کلید مکان نمای پایین، کدام عنصر انتخاب شود.3
nav-rightبا استفاده از خصوصیت nav-right می توان مشخص کرد که هنگام فشردن کلید مکان نمای راست، کدام عنصر انتخاب شود.3
nav-upبا استفاده از خصوصیت nav-up می توان مشخص کرد که هنگام فشردن کلید مکان نمای بالا، کدام عنصر انتخاب شود.3
outline-offsetبا استفاده از خصوصیت outline-offset، می توان افستی را در اطراف border عنصر ایجاد کرد.3
resizeبا استفاده از خصوصیت resize می توان مشخص کرد که یک کاربر می تواند عنصری را تغییر سایز دهد یا خیر.3
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان