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

আউট লাইন কালার (Outline Color)

আউট লাইন কালার নির্দেশ করে আউট লাইনটির রং কেমন হবে।আউট লাইন কালার নির্ধারণের জন্য Declaration করতে হবে, outline-color:yellow; এর অনুরূপ। সি এস এস ব্যবহার করে বিভিন্ন ধরণের আউট লাইন কালার নির্ধারণ করা যায়।হলুদ রঙের আউট লাইন তৈরির জন্য Declaration করতে হবে, outline-color:yellow; পিংক কালারের আউট লাইন তৈরির জন্য Declaration করতে হবে, outline-color:pink; rgb পদ্ধতিতেও আউট লাইন কালার রির্ধারণ করা যায়, এ পদ্ধতিতে আউট লাইন তৈরির জন্য Declaration করতে হবে, outline-color:rgb(240,060,155); hex পদ্ধতিতেও আউট লাইন কালার রির্ধারণ করা যায়, এ পদ্ধতিতে আউট লাইন তৈরির জন্য Declaration করতে হবে,  outline-color:#ff0000; ।

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

<html>
<head>
<title> www.tutohost.com</title>
<style>
body{background:#00CC99;}
div,h3{border:solid #666 10px; outline:dashed #C03; padding:5px;}
#yellow{outline-color:yellow;}
#pink{outline-color:pink;}
#rgb{outline-color:rgb(240,060,155);}
#hex{outline-color:#ff0000;}
div{outline:red 10px double}
</style>

</head>
<body >
<h3 id="yellow">This is an example of yellow outline.</h3>
<h3 id="pink">This is an example of pink outline.</h3>
<h3 id="rgb">This is an example of rgb outline.</h3>
<h3 id="hex">This is an example of hex outline.</h3>
<div>
<p>
<h2>This is an example of 10px red double 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>
</html>

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



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

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