در این ویدیو به شفاف سازی ویژگی های background-clip و background-origin می پردازیم و تفاوت بین آنها را بررسی میکنیم.
cursor
از ویژگی cursor برای تعیین شکل ظاهری مکان‌نما (نشانگر موس) در زمانی که بر روی یک عنصر قرار می‌گیرد استفاده می‌شود.
resize
ویژگی resize تعیین می‌کند که آیا یک عنصر قابلیت تغییر اندازه توسط کاربر را دارد یا نه و اگر دارد این قابلیت در کدام جهت اتفاق می‌افتد.
pointer-events
از ویژگی pointer-events برای کنترل شرایطی که یک عنصر گرافیکی تحت تاثیر رویداد نشانگر موس قرار بگیرد، استفاده می شود.
caret-color
از ویژگی caret-color برای تعیین رنگ Caret استفاده می شود. زمانی که در حال تایپ کردن داخل یک عنصر ورودی مثل input هستیم، نشانگر چشمک زنی در محل کاراکتر فعلی وجود دارد، به آن نشانگر که معمولا یک خط راست عمودی هست Caret گفته می شود.
بهبود خوانایی کد در CSS با استفاده از بک‌اسلش (\)
خوانایی کد یکی از مباحث مهمی است که همه ما باید همیشه در نظر داشته باشیم. گفته می شود بیشتر از اینکه کد بنویسیم، کد می خوانیم، در نتیجه قطعا باید در بهبود نوشتن کد و خوانایی آن تلاش کنیم.
focus-within
انتخابگر focus-within زمانی فعال می شود که یک عنصر خودش، یا فرزندان و نوادگانش در حالت focus قرار گیرند.
منوهایی برای طراحی واکنشگرا
در این مطلب تعدادی از ایده های خلاقانه و زیبا را جهت پیاده سازی منوی اصلی صفحه برای دستگاه هایی با عرض نمایش کوچک را بررسی میکنیم.
ماژول‌های صفحه آرایی
بعد از چندین سال بالاخره ماژول‌های صفحه آرایی به مرور وارد دنیای وب و سی‌اس‌اس شدند و رویای طراحان وب به حقیقت پیوست. در این فصل با این ماژول‌ها بطور کامل آشنا می‌شویم.
column-fill
ویژگی column-fill تعیین می کند که محتوای یک چیدمان چندستونی است چگونه بین ستون ها توزیع شود.