css_part17
Text Direction
সাধারণত বাম থেকে ডানে লেখা হয় কিমত্ম ডান থেকে বামে আরবি বা হিব্রূ ভাষায়
মত লেখা সম্ভব। এজন্য direction প্রোপার্টি ও Value
কে rtl
করে দিতে হবে। ডিফল্ট থাকে ltr | নিচের মত Program লক্ষ্য করুন।
নিচের মত কোডিংসহ আরও একটি HTML ফাইল তৈরী
করুন।
<!DOCTYPE
html>
<html>
<head>
<head>
<title>CSS
Text Style properties</title>
<style>
h1.right{direction:rtl;}
h1.left{direction:ltr;}
</style>
</head>
<body>
<h1>Nova
Computer</h1>
<h1
class="right">Nova Computer</h1>
<h1
class="left">Nova Computer</h1>
<hr
/>
</body>
</html>
ব্রাউজার দিয়ে খুললে নিচের মত ফলাফল পাওয়া যাবে।
Vertical Alignment
অন্য অবজেক্ট এর সাথে যখন একই লাইনে Text থাকে তখন Text এর Vertical Align সেটিং করার দরকার হতে
পারে । Vertical Align প্রোপার্টির Value গুলো হচ্ছে basline (default), sub,
super, top, text-top, middle, bottom, text-bottom,(+-)px, cm এবং (+-) % এখন চটকরে নিচের মত একটি প্রোগ্রাম লিখে ব্রাউজ
করুন।
নিচের মত কোডিংসহ আরও একটি HTML ফাইল তৈরী
করুন।
<!DOCTYPE
html>
<html>
<head>
<style>
img.top
{vertical-align:text-top;}
img.bottom
{vertical-align:text-bottom;}
img.middle
{vertical-align:middle;}
img.minus{vertical-align:-50px;}
img.plus{vertical-align:50px;}
</style>
</head>
<body>
<p><img
src="logo.jpg" width="50" height="75" /> Look
here is image with some text and no vertical align.</p>
<p>
<img class="top" src="logo.jpg" width="50"
height="75" /> Look here is image with some text and top vertical
align.</p>
<p>
<img class="bottom" src="logo.jpg" width="50"
height="75" />Look here is image with some text and bottom
vertical align.</p>
<p>
<img class="middle" src="logo.jpg" width="50"
height="75" /> Look here is image with some text and middle
vertical align. </p>
<p>
<img class="minus" src="logo.jpg" width="50"
height="75" /> Look here is image with some text and Pixel minus
vertical align. </p>
<p>
<img class="plus" src="logo.jpg" width="50"
height="75" /> Look here is image with some text and Pixel plus
vertical align. </p>
</body>
</html>
ব্রাউজার দিয়ে খুললে নিচের মত ফলাফল পাওয়া যাবে।
বিস্তারিত জানতে নিচের বইটি সংগরহ করে নিন।
Writer: Bappi Ashraf
Published By: Gyankosh Prokashani
Amount of Pages: 464
First Publish: October-2004
Last Edition: We've February-2015 edition. Future edition may be existed!
Book Price: BDT 350 (30% Discount)
The
writer of this book has told that he has written this book with the
concept of "teach yourself". On the other hand, Web Design is a thing which is
interesting to learn. He has also told that the book is full of fan and
enjoyment so that a person can learn Web Design by himself by playing with
the example projects of this book. Book's CD Link below...
RELATED POST LINKS BELOW ********************************************
Next_
