So legen Sie einen Rahmen für ein HTML-Div-Tag fest

Ich versuche, einen Rahmen um ein div-Tag in HTML zu definieren. In einigen Browsern wird der Rahmen nicht angezeigt.

Hier ist mein HTML-Code:

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

Wie setze ich einen Rahmen für ein HTML-Div-Tag?

Versuchen Sie, alle Randeigenschaften explizit anzugeben. Beispielsweise:

border:1px solid black;

Siehe Border Shorthand-Eigenschaft . Obwohl die anderen Bits optional sind, setzen einige Browser die Breite oder Farbe nicht auf den erwarteten Standardwert. In Ihrem Fall würde ich wetten, dass die Breite Null ist, sofern nicht anders angegeben.

Kann benutzen

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

oder als Abkürzung

border: 2px solid black

Laut W3C:

Da der Anfangswert der Rahmenstile "Keine" ist, sind keine Rahmen sichtbar, es sei denn, der Rahmenstil ist festgelegt.

Mit anderen Worten, Sie müssen einen Rahmenstil festlegen (z. B. solid), damit der Rahmen angezeigt wird. border:thinLegt nur die Breite fest. Außerdem entspricht die Farbe standardmäßig der Textfarbe (die normalerweise nicht gut aussieht).

Ich empfehle, alle drei Stile einzustellen:

style="border: thin solid black"

Ich denke, hier zeigen Sie auf ..

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

Gut. es muss geschrieben werden alsborder-width:thin

Hier gehen Sie mit dem Link (hier klicken) und sehen sich die verschiedenen Arten von Rahmenstilen an

Sie können die Rahmenbreite auch festlegen, indem Sie die Breite in Pixel schreiben. (wie bei der Rahmenbreite: 1 Pixel) beträgt die Mindestbreite 1 Pixel.

Sie können verwenden:

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

Sie können diese jedoch nach Belieben ändern.

Sie müssen mehr Felder als nur die Rahmenbreite festlegen. Der Stil setzt im Grunde den Rand auf die Seite. Die Breite steuert die Dicke und die Farbe gibt an, in welcher Farbe der Rand erstellt werden soll.

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

In Bootstrap 4 können Sie solche Grenzdienstprogramme verwenden .

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

Nenn mich Ishmael.

Rufen Sie mich einfach nicht zu spät zum Abendessen an.