সিএসএস লিংক - Css Link



সিএসএস লিংক প্রপার্টি ব্যবহার করে বিভিন্ন ভাবে লিংক স্টাইলিং করা যায়।


যেকোন সিএসএস প্রপার্টি যেমন - background, font-family, color ইত্যাদি ব্যবহার করে লিংক স্টাইলিং করা যায়।

সিএসএস লিংক প্রপার্টিতে যে সব প্রপার্টি ব্যবহার করা যায় সেগুলো হল - a:link, v:link, a:hover এবং a:active


a:link

কোন স্বাভাবিক বা normal লিংক যা ইতোপূর্বে visit করা হয় নি এমন অবস্থার স্টাইল নির্ধারণ করার জন্য a:link প্রপার্টি ব্যবহার করা হয়। সিএসএস এর বিভিন্ন স্টাইলিং প্রপার্টি যেমন - text-color, font-family, background-color ইত্যাদি এর সাথে ব্যবহার করা যায়।

নীচে a:link প্রপার্টি ব্যবহার করার নিয়ম দেখুন -

উদাহরণ দেখুন

a:link{
text-color:red;
font-family:sarif
text-decoration:none;
text-size:16px;
font-weight:bold;
}




a:visited

কোন লিংক যা ইতোপূর্বে visit করা হয়েছে এমন অবস্থার স্টাইল নির্ধারণ করার জন্য a:visited প্রপার্টি ব্যবহার করা হয়। সিএসএস এর বিভিন্ন স্টাইলিং প্রপার্টি যেমন- text-color, text-size, font-family, background-color ইত্যাদি এর সাথে ব্যবহার করা যায়।

নীচে a:visited প্রপার্টি ব্যবহার করার নিয়ম দেখুন -

উদাহরণ দেখুন

a:visited{
text-color:red;
font-family:sarif
text-decoration:none;
text-size:16px;
font-weight:bold;
}




a:hover

কোন লিংক এর ওপর মাউস পয়েন্টার স্থাপন করলে কি রকম স্টাইল সৃষ্টি হবে তা নির্ধারণ করার জন্য a:hover প্রপার্টি ব্যবহার করা হয়। সিএসএস এর বিভিন্ন স্টাইলিং প্রপার্টি যেমন - text-color, text-size, font-family, background-color ইত্যাদি এর সাথে ব্যবহার করা যায়।

নীচে a:hover প্রপার্টি ব্যবহার করার নিয়ম দেখুন -

উদাহরণ দেখুন

a:hover{
text-color:red;
font-family:sarif
text-decoration:none;
text-size:16px;
font-weight:bold;
}




a:active

লিংকের ওপর মাউস পয়েন্টার স্থাপন করে ক্লিক করার সময় লিংকে কি রকম স্টাইল সৃষ্টি হবে তা নির্ধারণ করার জন্য a:active প্রপার্টি ব্যবহার করা হয়। সিএসএস এর বিভিন্ন স্টাইলিং প্রপার্টি যেমন - text-color, text-size, font-family, background-color ইত্যাদি এর সাথে ব্যবহার করা যায়।

নীচে a:active প্রপার্টি ব্যবহার করার নিয়ম দেখুন -

উদাহরণ দেখুন

a:active{
text-color:red;
font-family:sarif
text-decoration:none;
text-size:16px;
font-weight:bold;
}




class ও id

সিএসএস লিংক প্রপার্টির সাথে class এবং id সিলেক্টর ব্যবহার করা যায়। লিংক প্রপার্টির সাথে class ব্যবহার করার পদ্ধতি নিচে দেখুন -

উদাহরণ দেখুন

<style>
.home a{
color:#222222;
text-decoration:none;
}
.home a:hover{
color:#000099;
text-decoration:underline;
}
</style>
<body>
<a="url" class="home">webschool.com</a>
</body>


নিচে লিংক প্রপার্টির সাথে id ব্যবহার করার পদ্ধতি দেখানো হল -

উদাহরণ দেখুন

<style>
#home a{
color:#222222;
text-decoration:none;
}
#home a:hover{
color:#000099;
text-decoration:underline;
}
</style>
<body>
<a="url" id="home">webschool.com</a>
</body>









এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Copyright 2016-2018 by websschool.com, All Rights Reserved.