outline-style প্রোপার্টি এলিমেন্টের চারপাশে যাওয়া লাইনের স্টাইল নির্দিষ্ট করে। এটি নিম্নলিখিত মানগুলো নিতে পারে:
- none − কোনো বর্ডার নেই। (outline-width:0; সমতুল্য)
- solid − আউটলাইন একটি একক স olid লাইন।
- dotted − আউটলাইন ডটের একটি সিরিজ।
- dashed − আউটলাইন ছোট ছোট লাইনের একটি সিরিজ।
- double − আউটলাইন দুটি স olid লাইন।
- groove − আউটলাইন যেন পেজে খোদা হয়েছে।
- ridge − আউটলাইন groove-এর বিপরীত দেখায়।
- inset − আউটলাইন বক্সকে যেন পেজে এম্বেড করা হয়েছে।
- outset − আউটলাইন বক্সকে যেন ক্যানভাসের বাইরে থেকে আসছে।
- hidden − none-এর মতোই।
উদাহরণ
নিচের কোডটি রান করে outline-style প্রোপার্টি বাস্তবায়ন করুন:
<html>
<head></head>
<body>
<p style="outline-width:thin; outline-style:solid;">
This text is having thin solid outline.
</p>
<br />
<p style="outline-width:thick; outline-style:dashed;">
This text is having thick dashed outline.
</p>
<br />
<p style="outline-width:5px; outline-style:dotted;">
This text is having 5x dotted outline.
</p>
</body>
</html>
