الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> .newspaper { column-gap: 40px; column-rule: 1px solid deeppink; columns: 100px 3; } </style> </head> <body> <h2>CSS columns property</h2> <p>This property is shorthand for column-width and column-count properties.</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>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود