CSS – شورت‌هند خط‌چین (Outline Shorthand)

CSS - ویژگی خط‌چین مختصر (Outline Shorthand)

ویژگی outline یک ویژگی مختصر است که برای تنظیم ویژگی‌های فردی زیر استفاده می‌شود:

  • outline-width
  • outline-style (الزامی)
  • outline-color

ویژگی outline می‌تواند به عنوان یک، دو یا سه مقدار از لیست بالا مشخص شود. ترتیب مقادیر مهم نیست.

مثال:

در زیر چند خط‌چین که با ویژگی مختصر outline مشخص شده‌اند، نشان داده شده است:

  • یک خط‌چین نقطه‌چین
  • یک خط‌چین قرمز نقطه‌چین
  • یک خط‌چین زرد ۵ پیکسلی محکم
  • یک خط‌چین صورتی ضخیم با حالت ridge
p.ex1 {outline: dashed;}
p.ex2 {outline: dotted red;}
p.ex3 {outline: 5px solid yellow;}
p.ex4 {outline: thick ridge pink;}

این ویژگی به شما امکان می‌دهد تا با استفاده از یک خط کد، چندین ویژگی خط‌چین را به صورت هم‌زمان تنظیم کنید، که باعث بهبود خوانایی و مدیریت کد CSS می‌شود.

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
JavaScript - رویدادها (Events)

JavaScript – رویدادها (Events)

رویدادهای HTML رویدادها در HTML، “اتفاقاتی” هستند که برای عناصر HTML رخ می‌دهند. این اتفاقات می‌توانند ناشی از کار...

بیشتر بخوانید
JavaScript - سازنده‌های شیء (Object Constructors)

JavaScript – سازنده‌های شیء (Object Constructors)

ساخت آبجکت با تابع سازنده (Object Constructor Function) برای ساخت چندین آبجکت مشابه، از تابع سازنده استفاده می‌شود. این...

بیشتر بخوانید
JavaScript - نمایش شیء (Object Display)

JavaScript – نمایش شیء (Object Display)

نحوه نمایش آبجکت‌ها در جاوااسکریپت هنگام نمایش یک آبجکت جاوااسکریپت به صورت مستقیم، خروجی معمولاً به شکل [object Object]...

بیشتر بخوانید

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.