الحدود و خصائصها الرئيسية ..

[salima]

http://www.dzbatna.com/images/icons/iconrote.gif ط§ظ„ط*ط¯ظˆط¯ ظˆ ط®طµط§ط¦طµظ‡ط§ ط§ظ„ط±ط¦ظٹط³ظٹط© .. (http://www.dzbatna.com/t1256600/)



السلام عليكم ورحمة الله وبركاته

الحدود و خصائصها ..


طريقة كتابة كود code الحدود .
ألوان الحدود .

جهات الحدود .
شكل الحدود .

طريقة كتابة كود code الحدود :

طريقة سهلة جدا جدا جدا الحد يأخذ قيمة " border " فلوا اردنا كتابة كود code border ماعلينا القيام به هو التالي :
رمز PHP:

<code style="white-space:nowrap"> <code> border:1px
</code> </code>

راح يأخذ مقاس الحد . و قيس عليها الاحجام .

ألوان الحدود :
ألوان الحدود و هي عبارة عن اللون المعين لكتابة الحد و تأخذ قيمة border-color ماعلينا القيام به هو التالي :




رمز PHP:

<code style="white-space:nowrap"> <code> border:1px;; border-color:#33CC33;
</code> </code>

فعلنا مقاس الحد مع اللون .


جهات الحدود :
تتميز هذه القيمة إلى اخذ جهة خاصة لتلوين و حجم الحد .. او اخذ الجهة هي الخاصة للحد فلو فرضنا اننا نريد فقط الجهة اليمنى تكون باللون الاحمر و باقي الجهات باللون الاخضر كل ما القيام به هو التالي :

رمز PHP:

<code style="white-space:nowrap"> <code> border:1px;; border-color:#33CC33; border-left-color:#FF0000;
</code> </code>

و قيس عليها باقي الحدود.


شكل الحدود :
هناك الكثير من الاشكال للحدود فأشكال الحدود تأخذ قيمة &quot;border-style&quot; مثلا تريد شكل الخط منقطع راح يأخذ قيمة &quot;border-style:dashed&quot; . مثلا لو اردنا الكتابة التطبيقية كل ما نقول به هو التالي
رمز PHP:

<code style="white-space:nowrap"> <code> border:1px;; border-color:#33CC33; border-left-color:#FF0000; border-style:dashed;
</code> </code>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
و غيرها الكثير فهناك خصائص كثيرة للحدود .. بأمكانك تجربتها من خلال تطبيقك .
و أخيرا صفحة تمثيلية و بأمكانك تحميل الصفحة بالمرفق كمثال تجريبي :
http://traweq.com/css/border/border.html

تحياتي لكم اخوكم عاصم الخوفي .








ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)


الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif border.zip (http://www.traidnt.net/vb/attachments/389545d1246916476-border.zip) (578 بايت, عدد مرات المشاهدة 19 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©