کناره‌های گرد CSS

کناره‌های گرد CSS

border-radius ویژگی‌ای برای افزودن لبه‌های گوشه‌دار به عنصر استفاده می‌شود:

لبه‌های معمولی

لبه‌های گوشه‌دار

لبه‌های گوشه‌دار

لبه‌های گوشه‌دار

مثال

p {
  border: 2px solid red;
  border-radius: 5px;
}

با خودتان امتحان کنید

مثال‌های بیشتر

تمام ویژگی‌های لبه‌ی بالا در یک توضیح
این مثال نحوه‌ی استفاده از属性 کوتاه را نشان می‌دهد، که برای تنظیم تمام ویژگی‌های لبه‌ی بالا در یک توضیح استفاده می‌شود.
تنظیم استایل لبه‌ی پایینی
این مثال نحوه‌ی تنظیم استایل لبه‌ی پایینی را نشان می‌دهد.
تنظیم عرض سمت چپ پالت‌ها
این مثال نحوه تنظیم عرض سمت چپ پالت‌ها را نشان می‌دهد.
تنظیم رنگ چهار پالت
این مثال نحوه تنظیم رنگ چهار پالت را نشان می‌دهد. می‌تواند یک تا چهار رنگ داشته باشد.
تنظیم رنگ سمت راست پالت‌ها
این مثال نحوه تنظیم رنگ سمت راست پالت‌ها را نشان می‌دهد.

تمام ویژگی‌های پالت CSS

ویژگی توضیح
border ویژگی کوتاه، که در یک جمله تمام ویژگی‌های پالت‌ها را تنظیم می‌کند.
border-color ویژگی کوتاه، که رنگ چهار پالت را تنظیم می‌کند.
border-radius ویژگی کوتاه، که می‌تواند تمام ویژگی‌های چهار border-*-radius را تنظیم کند.
border-style ویژگی کوتاه، که سبک چهار پالت را تنظیم می‌کند.
border-width ویژگی کوتاه، که عرض چهار پالت را تنظیم می‌کند.
border-bottom ویژگی کوتاه، که در یک جمله تمام ویژگی‌های پایینی پالت‌ها را تنظیم می‌کند.
border-bottom-color تنظیم رنگ پایینی پالت‌ها.
border-bottom-style تنظیم سبک پایینی پالت‌ها.
border-bottom-width تنظیم عرض پایینی پالت‌ها.
border-left ویژگی کوتاه، که در یک جمله تمام ویژگی‌های سمت چپ پالت‌ها را تنظیم می‌کند.
border-left-color تنظیم رنگ سمت چپ پالت‌ها.
border-left-style تنظیم سبک سمت چپ پالت‌ها.
border-left-width تنظیم عرض سمت چپ پالت‌ها.
border-right ویژگی کوتاه، که در یک جمله تمام ویژگی‌های سمت راست پالت‌ها را تنظیم می‌کند.
border-right-color تنظیم رنگ سمت راست پالت‌ها.
border-right-style تنظیم سبک سمت راست پالت‌ها.
border-right-width تنظیم عرض سمت راست پالت‌ها.
border-top ویژگی کوتاه، که در یک جمله تمام ویژگی‌های بالای پالت‌ها را تنظیم می‌کند.
border-top-color تنظیم رنگ بالای پالت‌ها.
border-top-style تنظیم سبک بالای پالت‌ها.
border-top-width تنظیم عرض بالای پالت‌ها.