CSS মূল

CSS হুক প্রতিযোগীতা

CSS border প্রতিভাত প্রতিযোগীতা প্রতিযোগীতা মান নির্ধারণ করা যেতে পারে (উপরের, ডানদিকের, নীচের এবং ডানদিকের হুক)।

আমার সব হুক হুক রয়েছে

আমার নীচের হুক লাল রঙের

আমার হুক গোলাকার

আমার ডানদিকের হুক নীল রঙের

CSS হুক শৈলী

border-style প্রতিভাত প্রতিযোগীতা প্রদর্শিত হুক নির্ধারণ করে

যেসব মান অনুমোদিত হয়:

  • dotted - dotted হুক নির্ধারণ
  • dashed - dashed হুক নির্ধারণ
  • solid - solid হুক নির্ধারণ
  • double - ডবল হুক নির্ধারণ
  • groove - 3D groove হুক নির্ধারণ। এর প্রভাব border-color মান থেকে নির্ধারিত
  • ridge - 3D ridge হুক নির্ধারণ। এর প্রভাব border-color মান থেকে নির্ধারিত
  • inset - 3D inset হুক নির্ধারণ। এর প্রভাব border-color মান থেকে নির্ধারিত
  • outset - 3D outset হুক নির্ধারণ। এর প্রভাব border-color মান থেকে নির্ধারিত
  • none - অভাবহুক নির্ধারণ
  • hidden - লুক হুক নির্ধারণ

border-style প্রতিভাত প্রতিযোগীতা চারটি মান নির্ধারণ করা যেতে পারে (উপরের, ডানদিকের, নীচের এবং ডানদিকের হুক)।

উদাহরণ

বিভিন্ন হুকের শৈলী প্রদর্শন করা হলো:

p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}

ফলাফল:

ডট বর্তর্ফল

হলকা বর্তর্ফল

সমতল বর্তর্ফল

দ্বিতীয় লাইন বর্তর্ফল

বুক বর্তর্ফল।এর প্রভাব border-color মানের ওপর নির্ভর করে।

গর্দনচুল বর্তর্ফল।এর প্রভাব border-color মানের ওপর নির্ভর করে।

3D inset বর্তর্ফল।এর প্রভাব border-color মানের ওপর নির্ভর করে।

3D outset বর্তর্ফল।এর প্রভাব border-color মানের ওপর নির্ভর করে।

বিনম্র বর্তর্ফল

বর্তর্ফল লুকানো

মিশ্রিত বর্তর্ফল

আপনার নিজেই চেষ্টা করুন

মন্তব্য:যদি নির্ধারিত হয় না border-style অপরিযোগ প্রতিযোগিতা, অন্য কোনও CSS বর্তর্ফল প্রতিযোগিতা (যা পরবর্তী চাপে বিস্তার করা হবে) কোনও কাজ করবে না!