কম্পিউটার টিউটোরিয়াল

CSS column-gap প্রপার্টি ব্যবহার করে কলামের মাঝপথে ফাঁক নির্দিষ্ট করুন


কলামের মাঝপথে ফাঁক সেট করতে column-gap প্রপার্টি ব্যবহার করুন। ৫০পিক্সেল ফাঁক সেট করতে নিচের কোডটি চালাতে পারেন:

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          .demo {             column-count: 4;             column-gap: 50px;          }       </style>    </head>    <body>       <div class = "demo">          This is demo text. This is demo text. This is demo text. This is demo text.          This is demo text. This is demo text. This is demo text. This is demo text.          This is demo text. This is demo text. This is demo text. This is demo text.          This is demo text. This is demo text. This is demo text. This is demo text.          This is demo text. This is demo text. This is demo text. This is demo text.          This is demo text. This is demo text. This is demo text. This is demo text.          This is demo text. This is demo text. This is demo text. This is demo text.          This is demo text. This is demo text. This is demo text. This is demo text.       </div>    </body> </html>

  1. CSS-এ Em ব্যবহার করে ফন্ট আকার সেট করুন

  2. CSS-এ ::first-line 의사-এলিমেন্ট

  3. CSS-এ @media At-rules

  4. CSS দিয়ে টেক্সট ইন্ডেন্টেশন (Text Indentation) কাজ করা