আউট লাইন ওয়াইডথ |সি এস এস বাংলা টিউটোরিয়াল

আউট লাইন ওয়াইডথ (Outline Width)

আউট লাইন  ওয়াইডথ নির্দেশ করে আউট লাইনটি কতটা মোটা হবে।আউট লাইন  ওয়াইডথ নির্ধারণের জন্য Declaration করতে হবে, outline-width:thin; এর অনুরূপ। সি এস এস ব্যবহার করে বিভিন্ন ধরণের আউট লাইন ওয়াইডথ নির্ধারণ করা যায়।থিন আউট লাইন তৈরির জন্য Declaration করতে হবে, outline-width:thin; মিডিয়াম আউট লাইন তৈরির জন্য Declaration করতে হবে, outline-width:medium; থিক আউট লাইন তৈরির জন্য Declaration করতে হবে, outline-width:thick; 1px বা ১ পিক্সেল চওড়া আউট লাইন তৈরির জন্য Declaration করতে হবে, outline-width:1px; 10px বা ১০ পিক্সেল চওড়া আউট লাইন তৈরির জন্য Declaration করতে হবে, outline-width:10px;।

অনুশীলন প্রজেক্ট

<html>
<head>
<title> www.tutohost.com</title>
<style>
body{background:#00CC99;}
div,h3{border:solid #666 10px; outline:dotted #C30; }
#thin{outline-width:thin;}
#medium{outline-width:medium;}
#thick{outline-width:thick;}
#apx{outline-width:1px;}
#bpx{outline-width:10px;}
div{outline:solid #C30;
outline-width:5px; }
</style>

</head>
<body >
<h3 id="thin">This is an example of thin outline.</h3>
<h3 id="medium">This is an example of mediumoutline.</h3>
<h3 id="thick">This is an example of thick outline.</h3>
<h3 id="apx">This is an example of 1px outline.</h3>
<h3 id="bpx">This is an example of 10px outline.</h3>
<div>
<p>
<h2>This is an example of solid 5px outline.</h2>
We are bangladeshi Hostgator hosting provider. The world wide technical and support team is working for your best movement. We are bangladeshi Hostgator hosting provider. The world wide technical and support team is working for your best movement. </p>
</div>
</body>
</body>
</html>

একটা  নোটপ্যাড  open  করে  উপরের code  টুকু  লিখে  file  মেনু  থেকে  Save as এ ক্লিক করে File name:  index.html  ,   Save as type : All files,  দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।



লেখকঃ অসীম কুমার
তিনি ইলেকট্রিক্যাল ইঞ্জিনিয়ারিং এ লেখাপড়া করছেন। টিউটোরিয়ালবিডি ও বিজ্ঞানপ্রযুক্তি ব্লগে তিনি ইলেক্ট্রনিক্স সহ বিভিন্ন টেকনোলজি বিষয়ে লিখে থাকেন। বর্তমানে তিনি লেখাপড়ার পাশাপাশি টিউটোহোস্টে কর্মরত আছেন।

কপি রাইট © ২০১১-২০১২ সর্বস্বত্ত্ব সংরক্ষিত, টিউটরিয়ালবিডি, একটি টিউটো ওয়েবস প্রতিষ্ঠান.