HTML div etiketi için kenarlık nasıl ayarlanır?

HTML'de div etiketi etrafında bir sınır tanımlamaya çalışıyorum. Bazı tarayıcılarda kenarlık görünmez.

İşte benim HTML kodum:

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

HTML div etiketi için bir kenarlığı nasıl ayarlarım?

Tüm kenarlık özellikleri hakkında açık olmayı deneyin. Örneğin:

border:1px solid black;

Bkz. Sınır steno özelliği . Diğer bitler isteğe bağlı olsa da, bazı tarayıcılar genişliği veya rengi beklediğiniz bir varsayılana ayarlamaz. Senin durumunda bahse girerim, aksi belirtilmedikçe sıfır genişliğidir.

kullanabilirsiniz

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

veya steno olarak

border: 2px solid black

W3C'ye göre:

Kenarlık stillerinin başlangıç ​​değeri 'yok' olduğundan, kenarlık stili ayarlanmadığı sürece kenarlık görünmez.

Başka bir deyişle, solidkenarlığın görünmesi için bir kenarlık stili (ör. ) Ayarlamanız gerekir . border:thinyalnızca genişliği ayarlar. Ayrıca, renk varsayılan olarak metin rengiyle aynı olacaktır (normalde iyi görünmez).

Üç stilin tümünü ayarlamanızı öneririm:

style="border: thin solid black"

Sanırım işaret ettiğin yer burası ..

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

İyi. şu şekilde yazılmalıdır:border-width:thin

Burada bağlantı ile gidin (buraya tıklayın) Farklı Kenarlık stilleri türlerine göz atın

ayrıca genişliği piksel cinsinden yazarak kenarlık genişliğini de ayarlayabilirsiniz .. (kenarlık genişliği: 1px gibi), minimum genişlik 1 pikseldir.

Kullanabilirsiniz:

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

Ancak, uygun gördüğünüz gibi bunları değiştirebilirsiniz.

Sınır genişliğinden çok daha fazla alan ayarlamanız gerekir. Stil temel olarak kenarlığı sayfaya yerleştirir. Genişlik kalınlığı kontrol eder ve renk, kenarlığı hangi rengin yapılacağını söyler.

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

Bootstrap 4'te bunun gibi sınır yardımcı programlarını kullanabilirsiniz .

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

Bana İsmail de.

Akşam yemeğine geç kalma.