সিএসএস আউটলাইন - Css Outline



আউটলাইন হল একটি লাইন যা কোন এলিমেনটের চারপাশে অর্থাৎ বর্ডারের শেষপ্রান্তে আঁকা হয়।

সিএসএস আউটলাইন প্রপার্টির মাধ্যমে কোন এলিমেন্ট আউটলাইনের style, color এবং width নির্ধারণ করা হয়।


সিএসএস আউটলাইন

আউটলাইন হল একটি লাইন যা কোন এলিমেন্টের চারপাশে আঁকা হয়। এটি প্রদর্শিত হয় এলিমেন্ট মার্জিনের চারপাশে। তবে এটি দেখতে সিএসএস বর্ডার প্রপার্টির মত হলেও বর্ডার এবং আউটলাইন এর মাঝে যথেষ্ট পার্থক্য রয়েছে।

আউটলাইন প্রপার্টি, এলিমেন্ট diamention এর কোন অংশ নয়। অর্থাৎ এলিমেন্টের width এবং height এর সাথে আউটলাইন width হিসেব করা হয় না।


outline-style প্রপার্টি

কোন প্রকার স্টাইলের আউটলাইন, এলিমেন্টের সাথে প্রদর্শিত হবে তা নির্ধারণ করা হয় 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 নির্দিষ্ট করতে এই প্রপার্টি ব্যবহার করা হয়। width নির্ধারণ করা হয় পিক্সেল(px) এ। এছারাও পূর্ব নির্ধারিত মান হিসেবে thin, medium, thick এই ৩টি মান ব্যবহার করা যায়।

উদাহরণ

p.one
{
outline-style:solid;
outline-width:5px;
}
p.two
{
outline-style:solid;
outline-width:medium;
}




outline-color প্রপার্টি

এলিমেন্ট আউটলাইনের রং নির্ধারণ করতে 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) সম্পর্কে।

Report or suggest about this page

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