الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> .newspaper { column-count: 3; } </style> </head> <body> <h2>CSS column-count property</h2> <p>This column-count property specifies the number of columns that element's text should be divided into.</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>