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

CSS-এ writing-mode প্রপার্টি


writing-mode প্রপার্টি নির্ধারণ করে যে টেক্সটের লাইনগুলো আড়াঘাড়া (horizontally) নাকি লম্বা (vertically) আয়োজিত হবে। প্রপার্টি মানগুলো:

writing-mode: horizontal-tb|vertical-rl|vertical-lr;

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
p { writing-mode: vertical-rl; }
</style>
</head>
<body>
<h1>Demo Heading</h1>
<p>This is demo text.</p>
</body>
</html>

আউটপুট

CSS-এ writing-mode প্রপার্টি

উদাহরণ

আরেকটি উদাহরণ:

<!DOCTYPE html>
<html>
<head>
<style>
p.demo1 { word-spacing: 1cm; color: blue; writing-mode: vertical-rl; }
p.demo2 { word-spacing: 40px; writing-mode: horizontal-tb; }
</style>
</head>
<body>
<h1>Demo Heading</h1>
<h2>Heading2</h2>
<p class="demo1">This is demo text.</p>
<h2>Heading2</h2>
<p class="demo2">This is demo text.</p>
</body>
</html>

আউটপুট

CSS-এ writing-mode প্রপার্টি


  1. CSS user-select প্রোপার্টি

  2. CSS font-size-adjust প্রপার্টি

  3. CSS white-space প্রপার্টি

  4. CSS pointer-events প্রপার্টি