empty:

empty یک pseudo-class می باشد که به وسیله آن می توان در یک صفحه عناصری که محتوا ندارند و یا به اصطلاح خالی هستند را انتخاب کرد. عنصر خالی عنصری است که محتوا نداشته باشد. محتوا می تواند یک متن ساده و یا حداقل یک عنصر باشد. توجه داشته باشید که تگ توضیحات محتوا محسوب […]

disabled:

disabled یک pseudo-class می باشد که به وسیله آن می توان عناصر غیر فعال (disabled) را انتخاب و برای آنها استایل مشخصی تعریف کرد, مثل عناصر input, select, textarea, button که می توانند ویژگی disabled داشته باشند. وقتی یک عنصر غیر فعال می شود کاربر دیگر قادر به کلیک کردن یا انتخاب و در کل […]

checked:

checked یک pseudo-class می باشد که حالت فعال عناصری مثل چکباکس () و رادیو () را بیان می کند و با استفاده از آن ما می توانیم استایل خاصی برای این عناصر در حالت فعالشان در نظر بگیریم. این انتخابگر همینطور بر روی گزینه های داخل تگ select که option نام دارند هم اعمال می […]

active:

active: یک pseudo-class می باشد که با استفاده از آن می توان در CSS حالت فعال (active) یک عنصر را انتخاب, و بر روی آن عنصر در حالت فعالش استایل خاصی اعمال کرد. active: یک عنصر را از زمان کلیک شدن تا زمان رها شدن مورد هدف قرار می دهد. استایل دهی یک عنصر در […]

selection::

غالبا در مرورگرها زمانی که متنی توسط کاربر انتخاب می شود, آن قسمت انتخاب شده پس زمینه آبی به خود می گیرد یا به عبارت دیگر Highlight می شود. انتخابگر selection:: این امکان را در CSS به ما می دهد تا بتوانیم استایل قسمت Highlight شده را تغییر دهیم. این تغییرات تنها شامل رنگ پس […]

placeholder::

placeholder:: یک pseudo-element می باشد که باعث می شود تا ما بتوانیم در CSS دسترسی به متن placeholder در یک عنصر input را برای زیباسازی داشته باشیم. اگر با placeholder آشنا نیستید به متنی که به عنوان راهنما در عناصر input قرار می گیرد placeholder می گویند. تصویر زیر را در نظر بگیرید: به متن […]

first-line::

first-line یک pseudo-element می باشد که اولین خط در یک عنصر از نوع بلاک را انتخاب می کند. با این انتخابگر خط اول یک عنصری که ویژگی display آن مقدار inline دارد را نمی توان انتخاب کرد بلکه عنصر مورد نظر حتما باید از نوع بلاک باشد یا به عبارت دیگر مقدار ویژگی display آن […]

first-letter::

first-letter یک pseudo-element می باشد که اولین حرف از اولین خط در یک عنصر از نوع بلاک را انتخاب می کند. با این انتخابگر حرف اول یک عنصری که ویژگی display آن مقدار inline دارد را نمی توان انتخاب کرد بلکه عنصر مورد نظر حتما باید از نوع بلاک باشد یا به عبارت دیگر مقدار […]

background-blend-mode

از ویژگی background-blend-mode برای تعیین حالت آمیختگی رنگ لایه های مختلف پس زمینه یک عنصر استفاده می شود. در CSS می توانید با استفاده از این ویژگی تصاویر پس زمینه یک عنصر را با هم و یا رنگ پس زمینه یک عنصر را با تصویر پس زمینه اش ترکیب کنید. برای آشنایی با حالت های […]

box-sizing

از ویژگی box-sizing برای تغییر روش اندازه دهی به یک عنصر بر اساس مدل قسمت بندی آن استفاده می شود. هر عنصر از لحاظ مدل قسمت بندی دارای چهار ناحیه است که این نواحی شامل ناحیه محتوا (content-box), ناحیه فاصله داخلی (padding-box) و ناحیه حاشیه (border-box) و در نهایت ناحیه فاصله خارجی یا (margin-box) هستند. […]