تفاوت background-clip و background-origin

در این ویدیو به شفاف سازی ویژگی های 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 تعیین می کند که محتوای یک چیدمان چندستونی است چگونه بین ستون ها توزیع شود.