সিএসএস দিয়ে বিন্দুযুক্ত রেখাটি কীভাবে আঁকবেন?

Question 1

সিএসএসের সাহায্যে আমি কীভাবে বিন্দুযুক্ত রেখা আঁকতে পারি?

Question 2

উদাহরণ স্বরূপ:

hr {
  border:none;
  border-top:1px dotted #f00;
  color:#fff;
  background-color:#fff;
  height:1px;
  width:50%;
}

সিএসএস সহ স্টাইলিংও<hr> দেখুন ।

Question 3

<style>
    .dotted {border: 1px dotted #ff0000; border-style: none none dotted; color: #fff; background-color: #fff; }
</style>
<hr class='dotted' />

Question 4

এইচটিএমএল ব্যবহার:

<div class="horizontal_dotted_line"></div>

এবং স্টাইলস সিএসএসে:

.horizontal_dotted_line{
  border-bottom: 1px dotted [color];
  width: [put your width here]px;
}

Question 5

গৃহীত উত্তরে প্রচুর ক্রাফ্ট রয়েছে যা আধুনিক ব্রাউজারগুলির জন্য আর প্রয়োজন হয় না। আমি ব্যক্তিগতভাবে নীচের সিএসএসটি সমস্ত ব্রাউজারগুলিতে আইই 8 এর মতো পরীক্ষা করেছি এবং এটি পুরোপুরি কার্যকরভাবে কাজ করে।

 hr {
    border: none;
    border-top: 1px dotted black;
  }

border: noneব্রাউজারগুলি hrট্যাগগুলিতে প্রয়োগ করা সমস্ত ডিফল্ট সীমানার স্টাইলিং সরাতে অবশ্যই প্রথমে আসতে হবে ।

Question 6

আপনি কি 'সীমানা: 1px ডটেড ব্ল্যাক' এর মতো কিছু বোঝাতে চাইছেন?

w3schools.com রেফারেন্স

Question 7

এই লাইনটি আপনার পক্ষে কাজ করা উচিত:

<hr style="border-top: 2px dotted black"/>

Question 8

.myclass {
    border-bottom: thin red dotted;
}

Question 9

আমি এখানে সমস্ত সমাধান চেষ্টা করেছিলাম এবং কোনও পরিষ্কার 1px লাইন দেয়নি। এটি অর্জনের জন্য নিম্নলিখিতগুলি করুন:

border: none; border-top: 1px dotted #000;

বিকল্পভাবে:

 border-top: 1px dotted #000; border-right: none; border-bottom: none; border-left: none;

Question 10

এটি ব্যবহার করুন:

<hr style="border-bottom:dotted" />

Question 11

এটি করার জন্য, আপনাকে নিম্নলিখিত হিসাবে আপনার ট্যাগটিতে একটি border-topবা border-bottomআপনার যুক্ত করতে হবে <hr/>:

<hr style="border-top: 2px dotted navy" />

আপনি চান যে কোনও লাইন টাইপ বা রঙের সাথে

Question 12

আপনি বিন্দুযুক্ত রেখা থাকতে চান এমন উপাদানটিতে নিম্নলিখিত বৈশিষ্ট্য যুক্ত করুন।

style="border-bottom: 1px dotted #ff0000;"

Question 13

hrআমার জন্য দুটি লাইন তৈরি করা ব্যবহার করে একটি শক্ত এবং একটি বিন্দুযুক্ত।

আমি দেখতে পেয়েছি যে এটি বেশ ভালভাবে কাজ করেছে:

div {
border-top: 1px dotted #cccccc;
color: #ffffff;
background-color: #ffffff;
height: 1px;
width: 95%;
}

এছাড়াও, আপনি প্রস্থকে শতাংশের তুলনায় তৈরি করতে পারেন, এর সর্বদা উভয় পাশে কিছুটা জায়গা থাকবে (এমনকি আপনি উইন্ডোটি পুনরায় আকার দেওয়ার সময়ও)।

Question 14

ড্যাশ করার চেষ্টা করুন ...

<hr style="border-top: 2px dashed black;color:transparent;"/>

Question 15

উপাদানের পরে ডুটেড রেখা:

http://jsfiddle.net/korigan/ubtkc17e/

এইচটিএমএল

<h2 class="dotted-line">Lorem ipsum</h2>

সিএসএস

.dotted-line {
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}
.dotted-line:after {
  content: "..........................................................................................................";
  letter-spacing: 6px;
  font-size: 30px;
  color: #9cbfdb;
  display: inline-block;
  vertical-align: 3px;
  padding-left: 10px;
}