Een rand instellen voor een HTML-div-tag

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

Antwoord 1, autoriteit 100%

Probeer expliciet te zijn over alle randeigenschappen. Bijvoorbeeld:

border:1px solid black;

Zie Border steno-eigenschap. Hoewel de andere bits optioneel zijn, stellen sommige browsers de breedte of kleur niet in op de standaard die u zou verwachten. In jouw geval zou ik wedden dat het de breedte is die nul is, tenzij gespecificeerd.

Antwoord 2, autoriteit 8%

kan gebruiken

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

of als steno

border: 2px solid black

Antwoord 3, autoriteit 5%

Volgens de W3C:

Aangezien de beginwaarde van de randstijlen ‘none’ is, zijn er geen randen zichtbaar tenzij de randstijl is ingesteld.

Met andere woorden, u moet een grensstijl (bijvoorbeeld solid) instellen voor de grens om op te komen. border:thinStelt alleen de breedte in. Ook zal de kleur standaard hetzelfde zijn als de tekstkleur (die er normaal niet goed uitziet).

Ik raad aan om alle drie stijlen in te stellen:

style="border: thin solid black"

Antwoord 4

U kunt gebruiken:

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

U kunt deze wijzigen zoals u de fit ziet, hoewel.

Antwoord 5

Ik denk dat dit is waar je naar wijst.

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

goed. Het moet worden geschreven als border-width:thin

Hier ga je met de link (klik hier) Bekijk de verschillende typen van grensstijlen

U kunt ook de grensbreedte instellen door de breedte te schrijven in termen van pixels .. (zoals grensbreedte: 1px), minimale breedte is 1px.

Antwoord 6

U moet meer velden instellen, dan alleen grensbreedte. De stijl plaatst in principe de grens op de pagina. Breedte regelt de dikte en de kleur vertelt het welke kleur om de grens te maken.

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

Antwoord 7

In Bootstrap 4 kun je borderhulpprogramma’sgebruiken vind ik leuk.

<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>

.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>

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