CSS border-inline-width کا حصہ

تعریف و استعمال

بوردراینلائنوائیڈتھ کامپوزیشن کو عناصر کو کامپوزیشن سمت کی بروزر کی باور سیٹ کرنا

تذکرہ:کامپوزیشن کو... بوردراینلائنوائیڈتھ کامپوزیشن کا اثر آنا، یہ سیٹ کرنا ضروری ہے border-inline-style.

بوردراینلائنوائیڈتھ کامپوزیشن کی کیوم کو مختلف طریقوں سے سیٹ کی جاسکتی ہے:

اگر بوردراینلائنوائیڈتھ کامپوزیشن او دو کیوم

border-inline-width: 10px 50px;

• کامپوزیشن شروع کی بروزر 10px کی باور کی جیسیت
• کامپوزیشن پایان کی بروزر 50px کی باور کی جیسیت

اگر بوردراینلائنوائیڈتھ کامپوزیشن او ایک کیوم

بوردراینلائنوائیڈتھ: 10پکس;

• کامپوزیشن شروع و پایان کی بروزر 10px کی باور کی جیسیت

CSS بوردراینلائنوائیڈتھ کامپوزیشن او اپریشن border-bottom-width،border-left-width،بوردر رائٹ وائیڈتھ و بوردر ٹاپ وائیڈتھ بسیار مشابه، لیکن بوردراینلائنوائیڈتھ اپریشن وارسستگی پر منحصر ہوتا ہے.

تذکرہ:متعلقہ سی ایس ایس اپریشن writing-mode،text-orientation و ڈائریکشن اینلائن کی باریکتی کا تعریف کرتا ہے. یہ ایک سطر کی شروع اور خاتم کی جگہ اور بوردراینلائنوائیڈتھ اپریشن کا نتیجہ. انگریزی صفحات کے لئے، اینلائن کی باریکتی سمت چپ سے دائیں، بلک باریکتی سمت پائیدہ ہے.

مثال

مثال 1

اینلائن کی بوردر کی نچولت کا تعریف کریئے:

#example1 {
  بوردراینلائن استائل: solid;
  بوردراینلائنوائیڈتھ: 10پکس;
}
#example2 {
  بوردراینلائن استائل: dashed;
  بوردراینلائنوائیڈتھ: نچول باریک;
}

خود کا تجربہ کریئے

مثال 2: writing-mode اپریشن کے ساتھ کوبل

اینلائن کی شروع اور خاتم کی بوردر کی جگہ، اس کی بوردر کی پشتیبندی سے متعلق ہے. writing-mode اپریشن کا اثر:

ڈیوی {
  بوردراینلائن استائل: solid;
  writing-mode: vertical-rl;
  بوردراینلائنوائیڈتھ: 5پکس;
}

خود کا تجربہ کریئے

مثال 3: ڈائریکشن اپریشن کے ساتھ کوبل

اینلائن کی شروع اور خاتم کی بوردر کی جگہ، اس کی بوردر کی پشتیبندی سے متعلق ہے. ڈائریکشن اپریشن کا اثر:

ڈیوی {
  ڈائریکشن: rtl;
  بوردراینلائنوائیڈتھ: 5پکس 15پکس;
}

خود کا تجربہ کریئے

سی ایس ایس گرامر

بوردراینلائنوائیڈتھ: متوسط|نچول|باریک|لینگت|مقصد|وارسست|;

اپریشن کا مقدار

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

براوزر کی پشتیبندی

جداول میں دیکھئے جانے والی اعداد، اس کی خاصیت کو پورا طور پر پشتیبند کرنے والے براوزر کی نسخہ کا نشان دہی کرتے ہیں。

مربوط پیج

تعلیم:CSS کا بوردر

مطالعه:CSS بوردر امتیاز

مطالعه:CSS بوردر خطی امتیاز

مطالعه:CSS border-inline-style کا حصہ

مطالعه:CSS بوردر پایین عرض امتیاز

مطالعه:CSS border-left-width کا حصہ

مطالعه:CSS border-right-width کا حصہ

مطالعه:CSS border-top-width کا حصہ

مطالعه:CSS دائرکت پراپرٹی

مطالعه:CSS text-orientation کی اپریٹ

مطالعه:CSS writing-mode کی اپریٹ