تایبەتمەندی border

سنوورەکان (Borders) ڕێگەت پێدەدەن چوارچێوەیەک بۆ توخمەکان (elements) دابنێیت. دەتوانیت بە شێوەیەکی گشتی یان بە جیا تایبەتمەندییەکانی سنوور دیاری بکەیت.

شێوازی کورتی (Shorthand)

دەتوانیت بە یەک جار سنوورێک دیاری بکەیت بە بەکارهێنانی ئەم شێوازە:

p { border: 2px solid red; }

لێرەدا 2px ئەستووری، solid شێواز، و red ڕەنگەکەیە.

جۆرەکانی شێوازی سنوور (border-style)

تایبەتمەندی border-style چەند بژاردەیەکی هەیە، وەک:

• dotted: خاڵبەندی
• dashed: هێڵی پچڕپچڕ
• solid: هێڵی ڕێک
• double: دوو هێڵی ڕێک

گۆشەی خڕ (border-radius)

ئەگەر دەتەوێت گۆشەی سنوورەکانت خڕ بکەیتەوە، دەتوانیت border-radius بەکاربهێنیت:

div { border: 2px solid blue; border-radius: 10px; }

دیاریکردنی لایەنەکان بە جیا

دەتوانیت سنووری هەر لایەک بە جیا دیاری بکەیت:

p { border-top: 5px solid red; border-bottom: 2px dashed blue; }