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 می‌شود.

Related posts

Don't miss reading these posts!
JavaScript - کلمه کلیدی Let (Let)

JavaScript – کلمه کلیدی Let (Let)

تعریف let کلیدواژه let در ES6 (2015) معرفی شد و دارای ویژگی‌های خاصی است که آن را از var...

Read more
JavaScript - متغیرها (Variables)

JavaScript – متغیرها (Variables)

متغیرها در جاوا اسکریپت متغیرها در جاوا اسکریپت به عنوان ظرف‌هایی برای ذخیره‌سازی داده‌ها استفاده می‌شوند و می‌توانند به...

Read more
JavaScript - کامنت‌ها (Comments)

JavaScript – کامنت‌ها (Comments)

کامنت‌ها در جاوا اسکریپت کامنت‌ها در جاوا اسکریپت به برنامه‌نویسان این امکان را می‌دهند تا توضیحاتی را به کد...

Read more

Comments

Share your comments with us

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