HTML div टैग के लिए बॉर्डर कैसे सेट करें

Question

मैं HTML में एक div टैग के चारों ओर एक सीमा को परिभाषित करने की कोशिश कर रहा हूं। कुछ ब्राउज़रों में सीमा दिखाई नहीं देती है।

यहाँ मेरा HTML कोड है:

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

मैं HTML div टैग के लिए बॉर्डर कैसे सेट करूं?

Answer 1

सभी सीमा संपत्तियों के बारे में स्पष्ट होने का प्रयास करें। उदाहरण के लिए:

border:1px solid black;

सीमा आशुलिपि संपत्ति देखें । हालांकि अन्य बिट्स वैकल्पिक हैं कुछ ब्राउज़र चौड़ाई या रंग को डिफ़ॉल्ट रूप से सेट नहीं करते हैं जिसकी आपको उम्मीद है। आपके मामले में मैं शर्त लगा सकता हूं कि यह वह चौड़ाई है जो शून्य है जब तक कि निर्दिष्ट नहीं किया गया है।

Comments

मुझे "पीएक्स" प्रत्यय को हटाना पड़ा।

— समिस

@samis वह नहीं है जो आप करना चाहते हैं।

— जोएल

Answer 2

इस्तेमाल कर सकते हैं

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

या आशुलिपि के रूप में

border: 2px solid black

Answer 3

W3C के अनुसार:

चूंकि सीमा शैलियों का प्रारंभिक मूल्य 'कोई नहीं' है, कोई सीमा तब तक दिखाई नहीं देगी जब तक कि सीमा शैली सेट न हो।

दूसरे शब्दों में, आपको 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

यहां आप लिंक (यहां क्लिक करें) के साथ विभिन्न प्रकार के बॉर्डर-स्टाइल देखें

आप पिक्सल के संदर्भ में चौड़ाई लिखकर सीमा की चौड़ाई भी निर्धारित कर सकते हैं .. (जैसे बॉर्डर-चौड़ाई: 1 पीएक्स), न्यूनतम चौड़ाई 1 पीएक्स है।

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}

मुझे इश्माएल बुलाओ।

बस मुझे खाने के लिए देर से मत बुलाओ।

मुझे इश्माएल बुलाओ।

बस मुझे खाने के लिए देर से मत बुलाओ।