انت هنا : الرئيسية » برمجة و تكويد » html & css » أعمده متفرقه CSS

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

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

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

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

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

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

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

Clip to Evernote

عن الكاتب

Web Developer

إنسان بسيط لي طموح كبير وهو تطوير الويب العربي إلي أفضل السبل والطرق وان يكون المحتوي العربي الأفضل في العالم وآمل أن يحدث ذلك قريباً والبداية كانت من هنا من فواصل وسوف نصل به بجهودكم معنا ليكون أكبر المواقع العربية التقنية المتخصصة بكل المجالات التقنية.

عدد المقالات : 735

تعليقات (2)

اكتب تعليق

جميع الحقوق محفوظة لمجتمع فواصل التطويري

الصعود لأعلى