فواصل

أعمده متفرقه CSS

قامت CSS3 بتقديم هذا النوع من الأعمده وكانت نادرا ما تستخدم ولكن الأن اتسع نطاق استخدامها فهي حاليا المعتمده بجميع مستعرضات الموزيلا ولكن لا يوجد دعم لها في الفايرفوكس ولكن ساريكم الأن فيديو سريع يقوم بتعليمها لك

[html] #container p {
-webkit-column-count: 3;
-webkit-column-gap: 10px;

-moz-column-count: 3;
-moz-column-gap: 10px;

column-count: 3;
column-gap: 10px;
}
[/html]

column-count: عدد المطلوب من الأعمدة للعنصر.
column-gap:الحشو بين كل عمود.
column-rule: يمكن استخدامها لتحديد الحدود ، ومقسم لكل عمود : عمود القاعدة.
column-width: يستخدم لدولة على وجه التحديد عرض كل عمود.

يرجى ملاحظة أنه يجب علينا اختصار كل خاصيه مع webkit أو moz، وفقا لذلك، لذا : : -webkit-column-count.
هل تستخدم CSS columns في موقعك ؟ اذا كانت الإجابه لا,فلم لا ؟!!

مقالات ذات صلة

2 تعليقات

  1. 7OOOF.net
    28 يناير, 2012 في 11:33 م - Reply

    احسنت وبارك الله فيك

    • مدهش
      29 يناير, 2012 في 3:30 م - Reply

      وفيك يالغالي
      نورت بمرورك الغالي .

اضف رد