سبک لبه Style borderStyle

تعریف و استفاده

borderStyle ویژگی تنظیم یا بازگرداندن سبک لبه‌های عنصر.

این ویژگی می‌تواند از یک تا چهار مقدار استفاده کند:

  • یک مقدار، مثلاً: p {border-style: solid} - همه چهار لبه‌ها سخت هستند
  • دو مقدار، مثلاً: p {border-style: solid dotted} - خط‌های بالا و پایینی سخت، خط‌های چپ و راست خط‌های ضعیف
  • سه مقدار، مثلاً: p {border-style: solid dotted double} - خط بالایی سخت، خط‌های چپ و راست خط‌های نقطه‌ای، خط پایینی خط دوگانه
  • چهار مقدار، مثلاً: p {border-style: solid dotted double dashed} - خط بالایی سخت، خط سمت راست خط ضعیف، خط پایینی خط دوگانه، خط چپ خط ضعیف

دوست دارید ببینید:

CSS درس:CSS کا بوردر

CSS مرجع کتاب:border-style نمونه:

HTML DOM مرجع کتاب:border کی خاصیت

مثال

مثال 1

<div> عنصر کو صاف کانتارن کا تعریف کرنا:

document.getElementById("myDiv").style.borderStyle = "solid";

خود کا تجربہ کریں

مثال 2

<div> عنصر کی چار کانتارن کی شکل بدلنا:

document.getElementById("myDiv").style.borderStyle = "dotted solid double dashed";

خود کا تجربہ کریں

مثال 3

بازگشتی قیمت <div> عنصر کی کانتارن کی شکل:

alert(document.getElementById("myDiv").style.borderStyle);

خود کا تجربہ کریں

مثال 4

تمام مختلف قیمتیں کا نمائش:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderStyle = listValue;

خود کا تجربہ کریں

قواعد

borderStyle کی خاصیت کو بازگشتی قیمت دینا:

عنصر.style.borderStyle

borderStyle کی خاصیت کو ستارا کرنا:

عنصر.style.borderStyle = قیمت
قیمت وصف
none بغیر کانتارن کا تعریف کرنا، کچھ تھا.
hidden none سے مماثل ہوتا ہے، لیکن تھینگ جدول عنصر کی کانتارن کی تنازع کی حل میں استثنائی کی گئی ہے。
dotted نقطاتی کانتارن کا تعریف کرنا。
dashed تیلے کانتارن کا تعریف کرنا。
solid صاف کانتارن کا تعریف کرنا。
double دو کانتارن کا تعریف کرنا، دو کانتارن کی چوٹی کی قیمت border-width کی قیمت سے منحصر ہوتی ہے。
groove 3D گودام کانتارن کا تعریف کرنا، اثر border-color کی قیمت پر منحصر ہوتا ہے。 border-color کا قیمت.
ridge 3D کانتارن کا تعریف کرنا، اثر border-color کی قیمت پر منحصر ہوتا ہے。 border-color کا قیمت.
inset 3D inset کانتارن کا تعریف کرنا، اثر border-color کی قیمت پر منحصر ہوتا ہے。 border-color کا قیمت.
outset 3D outset کانتارن کا تعریف کرنا، اثر border-color کی قیمت پر منحصر ہوتا ہے。
initial اس کی اپنے اپ کی مقصدی قیمت کو اس کی مقصدی قیمت پر ستارا کرنا، ملاحظہ کریں initial。
inherit اس کی مادری عنصر سے اس کا اپنے اپ کا نمائش کرنا، ملاحظہ کریں inherit。

تکنیکی تفصیلات

مقصد: خالی
بازگشتی قیمت: عبارت، جو عناصر کی کانتارن کی شکل کا نمائش کرتی ہے。
CSS ورژن: CSS1

بھرسرگرمی کا پشتیبانی

Chrome Edge Firefox سافری آپریا
Chrome Edge Firefox سافری آپریا
مقابلت مقابلت مقابلت مقابلت مقابلت