CSS koyarararun

CSS Border - 简写属性

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

برای کاهش کد، می‌توانید تمام ویژگی‌های لبه‌های جداگانه را در یک ویژگی مشخص کنید.

border این ویژگی یک کوتاه‌نویسی از ویژگی‌های لبه‌های زیر است:

  • border-width
  • border-style（لازم است)
  • border-color

مثال

p {
  border: 5px solid red;
}

نتیجه:

متن

آزمایش کنید

شما همچنین می‌توانید برای یک لبه تنها تمام属性 لبه‌ها را مشخص کنید:

border-left

p {
  border-left: 6px solid red;
  background-color: lightgrey;
}

نتیجه:

متن

آزمایش کنید

border-bottom

p {
  border-bottom: 6px solid red;
  background-color: lightgrey;
}

نتیجه:

متن

آزمایش کنید