الفرق بين المراجعتين ل"CSS/border-left-style"

من موسوعة حسوب
< CSS
اذهب إلى التنقل اذهب إلى البحث
 
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}')
سطر 105: سطر 105:
 
* مواصفة [https://drafts.csswg.org/css-backgrounds-3/#the-border-style CSS Backgrounds and Borders Module Level 3].
 
* مواصفة [https://drafts.csswg.org/css-backgrounds-3/#the-border-style CSS Backgrounds and Borders Module Level 3].
 
* مواصفة ‎[http://www.w3.org/TR/CSS2/box.html#border-style-properties CSS Level 2 (Revision 1)‎].  
 
* مواصفة ‎[http://www.w3.org/TR/CSS2/box.html#border-style-properties CSS Level 2 (Revision 1)‎].  
[[تصنيف:CSS]]
+
[[تصنيف:CSS|{{SUBPAGENAME}}]]
[[تصنيف:CSS Property]]
+
[[تصنيف:CSS Property|{{SUBPAGENAME}}]]
[[تصنيف:CSS Border]]
+
[[تصنيف:CSS Border|{{SUBPAGENAME}}]]

مراجعة 15:34، 28 يناير 2018

الخاصية border-left-style في CSS تُحدِّد شكل خط الإطار الأيسر الخاص بالعنصر.

/* الكلمات المحجوزة */
border-left-style: none;
border-left-style: hidden;
border-left-style: dotted;
border-left-style: dashed;
border-left-style: solid;
border-left-style: double;
border-left-style: groove;
border-left-style: ridge;
border-left-style: inset;
border-left-style: outset;

/* القيم العامة */
border-left-style: inherit;
border-left-style: initial;
border-left-style: unset;

ملاحظة: لا تُعرِّف المواصفة كيف ستلتقي الإطارات التي لها أشكال مختلفة في الزوايا.

القيمة الابتدائية none
تُطبَّق على جميع العناصر.
قابلة للوراثة لا
قابلة للتحريك لا
القيمة المحسوبة كما حُدِّدَت.

أمثلة

هذا مثال عن جدول <table> يُبيّن مختلف أشكال الإطارات عبر الخاصية border-left-style. شيفرة HTML:

<table>
  <tr>
    <td class="b1">none</td>
    <td class="b2">hidden</td>
    <td class="b3">dotted</td>
    <td class="b4">dashed</td>
  </tr>
  <tr>
    <td class="b5">solid</td>
    <td class="b6">double</td>
    <td class="b7">groove</td>
    <td class="b8">ridge</td>
  </tr>
  <tr>
    <td class="b9">inset</td>
    <td class="b10">outset</td>
  </tr>
</table>

شيفرة CSS:

tr, td {
  padding: 5px;
}
.b1 {border-left-style: none;}
.b2 {border-left-style: hidden;}
.b3 {border-left-style: dotted;}
.b4 {border-left-style: dashed;}
.b5 {border-left-style: solid;}
.b6 {border-left-style: double;}
.b7 {border-left-style: groove;}
.b8 {border-left-style: ridge;}
.b9 {border-left-style: inset;}
.b10 {border-left-style: outset;}

دعم المتصفحات

الميزة Chrome Firefox Internet Explorer Opera Safari
الدعم الأساسي 1.0 1.0 5.5 9.2 1.0

البنية العامة

القيمة <br-style>

تقبل الخاصية border-left-style كلمةً محجوزةً من الكلمات المحجوزة المتاحة للخاصية border-style.

البنية الرسمية

border-left-style: <br-style>;

حيث:

<br-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

مصادر ومواصفات