الدرس35 : إضافة الحدود border عن طريق css

إضافة الحدود border :

css يسمح لنا بإضافة العديد من الحدود bordures لإضافة جمالية على صفحاتنا html، و يوفر أيضا عدة إضافات لتغيير مظهر هذه الحدود، لكن نحن سنستعمل فقط border لأنها تجمع لنا جميع تلك الخاصيات الأخرى كما رأينا في درس background من هنا.

و بالنسبة ل border فنعطيها ثلاث قيم وهي كالتالي:

- La largeur : تتحكم في عرض الحدود و تكون ب px

- La couleur : تحدد لون الحدود و تكون بأحد الطرق التي تعلمناها في درس الألوان يمكنك مراجعته تغيير لون الخط في css.

- Le type de bordure : وهي التي تحدد شكل الحدود، هل هي عادية أم منقطة...

   - none : إفتراضي لا يوجد حدود.

   -  solid : عادي.

   -  dotted : منقط.

   -  dashed : شرطات.

   -  double : الحدود مزدوجة.

   -  groove : منقوش.

   -  ridge : منقوش بطريقة أخرى.

   -  inset : التأثير الكلي 3D  للأسفل.

   -  outset : التأثير الكلي 3D لأعلى.

و هذا مثال عن طريقة كتابتها:

h1
{
border: 3px red dashed;
}

وهذه صورة من موقع جنبي تبين كل إسم و كيف يظهر الحد على المتصفح. يمكنك تجربتها كلها على نص متلا و ترى كيف ستظهر لك:

أتمنا أن يكون الدرس قد نال إعجابكم.

و نلتقي في الدرس القادم لإتمام باقي الأشياء التي بإمكاننا إضافتها للحدود.