برنامه نویسی

خلاصه CSS – انجمن DEV

کوتاه نویسی CSS ابزار قدرتمندی است که می تواند در زمان و تلاش در هنگام نوشتن کد CSS صرفه جویی کند. با استفاده از کوتاه نویسی، می توانید کد کمتری بنویسید، افزونگی را کاهش دهید و CSS خود را کارآمدتر کنید. در این مقاله، ما نگاهی به برخی از متداول‌ترین ویژگی‌های کوتاه‌نویسی مورد استفاده در CSS، از جمله حاشیه، حاشیه، فونت، پس‌زمینه، فهرست و انتقال خواهیم داشت.

خلاصه CSS - طراحی شده توسط [Rutik Patel](https://dev.to/rutikkpatel) ([Author](https://dev.to/rutikkpatel))

مخفف CSS برای

  1. مرز

  2. لبه

  3. فونت

  4. زمینه

  5. فهرست کنید

  6. انتقال

1. مرز

با کوتاه‌نویسی حاشیه، می‌توانید عرض، سبک و رنگ حاشیه‌های یک عنصر را در یک خط کد مشخص کنید.

1678412887 573 خلاصه CSS انجمن DEV

مخفف حاشیه:

مخفف مرزی

2. حاشیه

خلاصه حاشیه برای تعیین حاشیه یک عنصر استفاده می شود. با استفاده از کوتاه نویسی، می توانید حاشیه را برای هر چهار طرف یک عنصر با یک خط کد تعیین کنید. مثلا:
حاشیه: 10px 20px 30px 40px;

1678412887 969 خلاصه CSS انجمن DEV

خلاصه حاشیه:

خلاصه حاشیه

3. فونت

کوتاه‌نویسی فونت برای تعیین چندین ویژگی مرتبط با فونت در یک خط کد استفاده می‌شود.

1678412887 378 خلاصه CSS انجمن DEV

مخفف فونت:

مخفف فونت

4. پس زمینه

کوتاه نویسی پس زمینه برای تعیین چندین ویژگی پس زمینه در یک خط کد استفاده می شود. این شامل ویژگی های پس زمینه زیر است.

1678412887 700 خلاصه CSS انجمن DEV

مخفف پس زمینه:

مخفف پس زمینه

5. فهرست کنید

کوتاه‌نویسی فهرست برای تعیین چندین ویژگی مرتبط با فهرست در یک خط کد استفاده می‌شود.

1678412888 945 خلاصه CSS انجمن DEV

فهرست اختصار:

فهرست اختصار

6. انتقال

کوتاه‌نویسی انتقال برای تعیین چندین ویژگی مرتبط با انتقال در یک خط کد استفاده می‌شود.

1678412888 476 خلاصه CSS انجمن DEV

مخفف انتقالی:

مخفف انتقالی


نتیجه

با استفاده از کوتاه نویسی، می توانید کد CSS خود را ساده کرده و خواندن و نگهداری آن را آسان تر کنید. این می تواند در زمان و تلاش صرفه جویی کند و کد شما را کارآمدتر کند. با تسلط بر این ویژگی‌های کوتاه‌نویسی، می‌توانید کدهای CSS تمیزتر و مؤثرتری برای وب‌سایت خود بنویسید.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا