আউটলাইন হল একটি লাইন যা কোন এলিমেনটের চারপাশে অর্থাৎ বর্ডারের শেষপ্রান্তে আঁকা হয়।
সিএসএস আউটলাইন প্রপার্টির মাধ্যমে কোন এলিমেন্ট আউটলাইনের style, color এবং width নির্ধারণ করা হয়।
আউটলাইন হল একটি লাইন যা কোন এলিমেন্টের চারপাশে আঁকা হয়। এটি প্রদর্শিত হয় এলিমেন্ট মার্জিনের চারপাশে। তবে এটি
দেখতে সিএসএস বর্ডার প্রপার্টির মত হলেও বর্ডার এবং আউটলাইন এর মাঝে যথেষ্ট পার্থক্য রয়েছে।
আউটলাইন প্রপার্টি, এলিমেন্ট diamention এর কোন অংশ নয়। অর্থাৎ এলিমেন্টের width এবং height এর সাথে
আউটলাইন width হিসেব করা হয় না।
কোন প্রকার স্টাইলের আউটলাইন, এলিমেন্টের সাথে প্রদর্শিত হবে তা নির্ধারণ করা হয় outline-style প্রপার্টির মাধ্যমে।
এলিমেন্টের সাথে ৮ প্রকার আউটলাইন স্টাইল ব্যবহার করা যায়। এগুলো হল -
solid, dotted, dashed, double, groove, ridge, inset, outset এবং inherit
কোন আউটলাইন বর্ডার দেখতে কি রকম হয় নিচে তা দেখানো হল -
A solid outline
A dotted outline
A dashed outline
A double outline
A groove outline
A ridge outline
An inset outline
An outset outline
আউটলাইনের দৈর্ঘ্য বা width নির্দিষ্ট করতে এই প্রপার্টি ব্যবহার করা হয়। width নির্ধারণ করা হয় পিক্সেল(px) এ। এছারাও পূর্ব নির্ধারিত মান হিসেবে thin, medium, thick এই ৩টি মান ব্যবহার করা যায়।
উদাহরণ
p.one
{
outline-style:solid;
outline-width:5px;
}
p.two
{
outline-style:solid;
outline-width:medium;
}
এলিমেন্ট আউটলাইনের রং নির্ধারণ করতে outline Color প্রপার্টি ব্যবহার করা হয়। ৩টি উপায়ে আউটলাইনের রং
নির্ধারণ করা যায় -
১) রঙের নাম - সরাসরি রঙের নাম উল্লেখ করে,
২) RGB ভ্যালু - RGB ভ্যালুতে রঙের কোড উল্লেখ কয়রে,
৩) Hex ভ্যালু - হেক্সাডেসিম্যাল ভ্যালুতে রঙের কোড উল্লেখ করে।
উদাহরণ
p.one
{
outline-style:solid;
outline-color:red;
}
p.two
{
outline-style:solid;
outline-color:#98bf21;
}
| প্রপার্টি | বর্ণনা | মান |
|---|---|---|
| outline | একটি মাত্র ডিক্লারেসনের দ্বারা সকল outlinr প্রপার্টির মান নির্ধারণ করে। | outline-color outline-style outline-width inherit |
| outline-color | কোন আউটলাইনের রং নির্ধারণ করে। | color_name hex_number rgb_number invert inherit |
| outline-style | আউটলাইনের স্টাইল নির্ধারণ করে। | none dotted dashed solid double groove ridge inset outset inherit |
| outline-width | আউটলাইনের প্রস্থ বা width নির্ধারণ করে। | thin medium thick length inherit |
এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।
Copyright 2016-2018 by websschool.com, All Rights Reserved.
