CSS হুমকি

এই এলিমেন্ট কালো বর্তনী এবং নীল কিনারা সহ, 10px প্রশস্ততায় রয়েছে。

CSS হুমকি

কিনারা এলিমেন্ট চারপাশে আঁকা একটি লাইন, কিনারা বর্তনীর বাইরে, এলিমেন্টকে উপস্থাপন করার জন্য。

CSS এর কিনারা অ্যাট্রিবিউটসমূহ হল:

  • outline-style
  • outline-color
  • outline-width
  • outline-offset
  • outline

নোট:কিনারা এবংবর্তনীভিন্ন! ভিন্নতা হল যে, কিনারা এলিমেন্টের কিনারা বাইরে আঁকা হয় এবং অন্যান্য কনটেন্টের সাথে মিশ্রিত হতে পারে। একইভাবে, কিনারা এলিমেন্টের মাপের অংশও নয়; এলিমেন্টের মোট প্রশস্ততা এবং উচ্চতা কিনারা লাইন প্রশস্ততার প্রভাব থেকে প্রভাবিত না হয়。

CSS outline শৈলী

outline-style অ্যাট্রিবিউট কিনারা শৈলী নির্দিষ্ট করে এবং নিম্নলিখিত মান নির্ধারণ করতে পারে:

  • dotted - দক্ষিণা কিনারা শৈলীর জন্য নির্দিষ্ট করুন。
  • dashed - হলকা কিনারা শৈলীর জন্য নির্দিষ্ট করুন。
  • solid - সত্ত্বাকার কিনারা শৈলীর জন্য নির্দিষ্ট করুন。
  • double - দ্বিতীয় কিনারা শৈলীর জন্য নির্দিষ্ট করুন。
  • groove - 3D আকৃতির নিম্নস্থিত কিনারা নির্দিষ্ট করুন。
  • ridge - 3D আকৃতির গভীর কিনারা নির্দিষ্ট করুন。
  • inset - 3D আকৃতির ঢালো কিনারা নির্দিষ্ট করুন。
  • outset - 3D আকৃতির উঠোয়া কিনারা নির্দিষ্ট করুন。
  • none - কোনো কিনারা না দেখানোর জন্য নির্দিষ্ট করুন。
  • hidden - লুকিং কিনারা নির্দিষ্ট করুন。

নিম্নলিখিতে বিভিন্ন outline-style মান দেখানো হল:

প্রয়োগ

প্রদর্শন বিভিন্ন কিনারা শৈলী:

p.dotted {outline-style: dotted;}
p.dashed {outline-style: dashed;}
p.solid {outline-style: solid;}
p.double {outline-style: double;}
p.groove {outline-style: groove;}
p.ridge {outline-style: ridge;}
p.inset {outline-style: inset;}
p.outset {outline-style: outset;}

ফলাফল:

ডট লাইন প্রতিভা。

স্পর্শকলা লাইন প্রতিভা。

সত্যান্তর লাইন প্রতিভা。

দ্বৈত লাইন প্রতিভা。

3D হাড়দলকীয় প্রতিভা।এই প্রভাব outline-color মানের উপর নির্ভর করে。

3D হাড়দলকীয় প্রতিভা।এই প্রভাব outline-color মানের উপর নির্ভর করে。

3D হাড়দলকীয় প্রতিভা।এই প্রভাব outline-color মানের উপর নির্ভর করে。

3D হাড়দলকীয় প্রতিভা।এই প্রভাব outline-color মানের উপর নির্ভর করে。

আপনার নিজেই প্রয়াস করুন

নোট:যদি নির্ধারিত হয় না outline-style প্রতিভার্থী বৈশিষ্ট্য, নিম্নলিখিত চুম্বকীয় বৈশিষ্ট্য (পরবর্তী চাপে বিবরণ করা হবে) কোনও কাজ করবে না!