এইচটিএমএল ডিভি ট্যাগের জন্য কীভাবে সীমানা সেট করবেন

Question

আমি এইচটিএমএলে একটি ডিভ ট্যাগের চারপাশে একটি সীমানা নির্ধারণ করার চেষ্টা করছি। কিছু ব্রাউজারে সীমানা প্রদর্শিত হয় না।

এখানে আমার এইচটিএমএল কোডটি রয়েছে:

<div id="divActivites" name="divActivites" style="border:thin">
    <textarea id="inActivities" name="inActivities" style="border:solid">
    </textarea> 
</div> 

এইচটিএমএল ডিভি ট্যাগের জন্য আমি কীভাবে একটি সীমানা সেট করব?

Answer 1

সীমানা সম্পর্কিত সমস্ত বৈশিষ্ট্য সম্পর্কে সুস্পষ্ট হওয়ার চেষ্টা করুন। উদাহরণ স্বরূপ:

border:1px solid black;

দেখুন বর্ডার সম্পত্তি সাধারণভাবে সংক্ষেপে । অন্য বিটগুলি alচ্ছিক হলেও কিছু ব্রাউজার আপনার প্রত্যাশাকে ডিফল্ট হিসাবে প্রস্থ বা রঙ সেট করে না। আপনার ক্ষেত্রে আমি বাজি ধরব যে এটি নির্দিষ্ট না করা হলে এটি প্রস্থের শূন্য that's

Comments

আমাকে "px" প্রত্যয়টি সরিয়ে ফেলতে হয়েছিল।

— সামিস

@ সামিস আপনি এটি করতে চান না।

— জোয়েল

Answer 2

ব্যবহার করতে পারেন

border-width:2px;
border-style:solid;
border-color:black;

বা শর্টহ্যান্ড হিসাবে

border: 2px solid black

Answer 3

ডাব্লু 3 সি অনুসারে:

যেহেতু সীমানা শৈলীর প্রাথমিক মান 'কিছুই নয়', সীমানা শৈলী সেট না করা থাকলে কোনও সীমানা দৃশ্যমান হবে না।

অন্য কথায়, solidসীমান্তটি দেখানোর জন্য আপনাকে একটি সীমানা শৈলী (যেমন ) নির্ধারণ করতে হবে। border:thinশুধুমাত্র প্রস্থ সেট করে। এছাড়াও, রঙটি পূর্বনির্ধারিতভাবে পাঠ্যের রঙের মতো হবে (যা সাধারণত ভাল লাগে না)।

আমি তিনটি শৈলী সেট করার পরামর্শ দিচ্ছি:

style="border: thin solid black"

Answer 4

আমার ধারণা আপনি এখানেই ইঙ্গিত করছেন ..

<div id="divActivites" name="divActivites" style="border:thin">
    <textarea id="inActivities" name="inActivities" style="border:solid">
    </textarea> 
</div> 

আমরা হব. এটি অবশ্যই লিখতে হবেborder-width:thin

এখানে আপনি লিঙ্কটি নিয়ে যান (এখানে ক্লিক করুন) বিভিন্ন ধরণের সীমানা-শৈলীগুলি পরীক্ষা করে দেখুন

আপনি পিক্সেলের নিরিখে প্রস্থ লিখে সীমানা প্রস্থও সেট করতে পারেন .. (সীমানা-প্রস্থ: 1px এর মতো), সর্বনিম্ন প্রস্থটি 1px হয়।

Answer 5

তুমি ব্যবহার করতে পার:

border-style: solid;
border-width: thin;
border-color: #FFFFFF;

আপনি যেমন দেখতে ফিট হিসাবে এগুলি পরিবর্তন করতে পারেন।

Answer 6

আপনাকে আরও ক্ষেত্র সেট করতে হবে তারপরে কেবল সীমানা-প্রস্থ। শৈলীটি মূলত পৃষ্ঠায় সীমানা রাখে। প্রস্থটি বেধকে নিয়ন্ত্রণ করে এবং রঙটি সীমানাটি তৈরি করতে কোন রঙ তা জানায়।

border-style: solid; border-width:thin; border-color: #FFFFFF;

Answer 7

বুটস্ট্র্যাপ 4 এ, আপনি এর মতো সীমান্ত ইউটিলিটিগুলি ব্যবহার করতে পারেন ।

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

<style>
  .border-5 {
    border-width: 5px !important;
  }
</style>

<textarea class="border border-dark border-5">some content</textarea>

Answer 8

 .centerImge {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        height:50%;
    }
 <div>
 @foreach (var item in Model)
{
<span> <img src="@item.Thumbnail"  class="centerImge" /></span>
  <h3 style="text-align:center">  @item.CategoryName</h3>
}
 </div>

Answer 9

<style>
p{border: 1px solid red}
div{border: 5px solid blue}

আমাকে ইসমাইল ডাকো।

শুধু আমাকে রাতের খাবারের জন্য দেরি করবেন না।

আমাকে ইসমাইল ডাকো।

শুধু আমাকে রাতের খাবারের জন্য দেরি করবেন না।