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 - تاریخ‌ها (Dates)

JavaScript – تاریخ‌ها (Dates)

آبجکت‌های تاریخ (Date) در جاوااسکریپت آبجکت‌های تاریخ در جاوااسکریپت به ما امکان کار با تاریخ و زمان را می‌دهند....

بیشتر بخوانید
JavaScript - آرایه‌های ثابت (Array Const)

JavaScript – آرایه‌های ثابت (Array Const)

جاوااسکریپت: تعریف آرایه با const در سال 2015، جاوااسکریپت کلمه کلیدی مهمی به نام const را معرفی کرد. این...

بیشتر بخوانید
JavaScript - تکرار آرایه‌ها (Array Iteration)

JavaScript – تکرار آرایه‌ها (Array Iteration)

جاوا اسکریپت: تکرار بر روی آرایه‌ها جاوا اسکریپت روش‌های مختلفی برای تکرار (Iteration) بر روی آرایه‌ها ارائه می‌دهد که...

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

نظرات

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

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