انت هنا الان : شبكة جامعة بابل > موقع الكلية > نظام التعليم الالكتروني > مشاهدة المحاضرة

CSS3 Multi columns

Share |
الكلية كلية تكنولوجيا المعلومات     القسم قسم شبكات المعلومات     المرحلة 2
أستاذ المادة علي كاظم خضير البيرماني       03/06/2018 22:58:47
CSS3 - Multi columns
CSS3 supported multi columns to arrange the text as newspaper structure.


Some of most common used multi columns properties as shown below:
Values Description
column-count Used to count the number of columns that element should be divided
column-gap Used to decide the gap between the columns
column-rule Used to specifies the number of rules
column-rule-color Used to specifies the column rule color
column-rule-style Used to specifies the style rule for column
column-rule-width Used to specifies the width
column-span Used to specifies the span between columns


Create Multiple Columns
The column-count property specifies the number of columns an element should be divided into.

column-count Syntax
column-count: number|auto|initial|inherit;


Value Description
number The optimal number of columns into which the content of the element will be flowed
auto Default value. The number of columns will be determined by other properties, like e.g. "column-width"
initial Sets this property to its default value.
inherit Inherits this property from its parent element.



Specify How Many Columns an Element Should Span
The column-span property specifies how many columns an element should span across.


المادة المعروضة اعلاه هي مدخل الى المحاضرة المرفوعة بواسطة استاذ(ة) المادة . وقد تبدو لك غير متكاملة . حيث يضع استاذ المادة في بعض الاحيان فقط الجزء الاول من المحاضرة من اجل الاطلاع على ما ستقوم بتحميله لاحقا . في نظام التعليم الالكتروني نوفر هذه الخدمة لكي نبقيك على اطلاع حول محتوى الملف الذي ستقوم بتحميله .
الرجوع الى لوحة التحكم