مختصر نویسی لبه در CSS

همان طور که در مثال بالا دیدید، برای تنظیم لبه ها با خواص زیادی سروکار داریم.

این امکان وجود دارد که تمام خواص بالا را به یک خاصیت تبدیل کنیم تا کدمان کوتاه تر شود، این خاصیت برای تنظیم لبه ها، خاصیت "border" نام دارد:

مثال (مختصر نویسی لبه در CSS)

border:5px solid red;
خودتان امتحان کنید »

زمانی که از خاصیت border استفاده می کنید، توجه داشته باشید که ترتیب مقادیر به صورت زیر خواهد بود:

  1. border-width
  2. border-style
  3. border-color

اگر یکی از مقادیر بالا قید نشود مشکلی پیش نخواهد آمد البته همان طور که قبلاً گفته شد خاصیت border-style مورد نیاز است، تنها چیزی که باید رعایت شود ترتیب مقادیر است.


آموزش های مرتبط

آموزش CSS-خاصیت border