الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> .newspaper { column-count: 3; column-gap: 40px; } </style> </head> <body> <h2>CSS column-gap property</h2> <p>This column-gap property specifies the width of gap between columns.</p> <div class="newspaper"> The CSS multi-column layout module lets you divide content across multiple columns. By using the properties in this module, you can define the number and width of columns, the gap size between columns, and the visual appearance of the optional column dividing lines (known as column rules). You can also define how content should flow from column to column and how to break content between columns. </div> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود