مثال
تعيين نمط الحدود الأيسر:
p
{
border-style: solid;
border-left-style: dotted;
}
انها محاولة لنفسك » تعريف واستخدام
الخاصية على غرار الأيسر الحدود يحدد أسلوب الحد الأيسر للعناصر.
| القيمة الافتراضية: | none |
|---|---|
| وارث: | no |
| Animatable: | no. Read about animatable |
| الإصدار: | CSS1 |
| جافا سكريبت بناء الجملة: | object .style.borderLeftStyle="dotted" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| خاصية | |||||
|---|---|---|---|---|---|
| border-left-style | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Note: قيمة "hidden" غير معتمد في IE7 وفي وقت سابق. IE8 يتطلب DOCTYPE!. IE9 والدعم لاحق "hidden" .
CSS بناء الجملة
border-left-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;قيم الملكية
| القيمة | وصف | العبها |
|---|---|---|
| none | تحدد أية حدود. هذا هو الافتراضي | العبها " |
| hidden | نفس "none" ، إلا في حل النزاعات الحدودية لعناصر الجدول | العبها " |
| dotted | يحدد الحدود منقط | العبها " |
| dashed | يحدد الحدود متقطع | العبها " |
| solid | يحدد الحدود الصلبة | العبها " |
| double | يحدد الحدود مزدوج | العبها " |
| groove | يحدد الحدود مخدد 3D. تأثير يعتمد على قيمة الحدود لون | العبها " |
| ridge | يحدد الحدود مخدد 3D. تأثير يعتمد على قيمة الحدود لون | العبها " |
| inset | يحدد الحدود 3D أقحم. تأثير يعتمد على قيمة الحدود لون | العبها " |
| outset | يحدد الحدود البداية 3D. تأثير يعتمد على قيمة الحدود لون | العبها " |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي | العبها " |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
صفحات ذات صلة
درس CSS: CSS الحدود
CSS المرجع border-left property
HTML DOM المرجع borderLeftStyle property