web-dev-qa-db-fra.com

Comment définir une bordure pour une balise HTML div

J'essaie de définir une bordure autour d'une balise div en HTML. Dans certains navigateurs, la bordure n'apparaît pas.

Voici mon code HTML:

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

Comment définir une bordure pour une balise div HTML?

htmlcssborder
170
RKh

Essayez d'être explicite sur toutes les propriétés de la bordure. Par exemple:

border:1px solid black;

Voir propriété abrégée de la bordure . Bien que les autres bits soient facultatifs, certains navigateurs ne définissent pas la largeur ou la couleur par défaut. Dans votre cas, je parierais que c'est la largeur qui est zéro sauf indication contraire.

314
Paolo

peut utiliser

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

ou en sténographie

border: 2px solid black
27
user5089931

Selon le W3C:

Puisque la valeur initiale des styles de bordure est "aucune", aucune bordure ne sera visible à moins que le style de bordure ne soit défini.

En d’autres termes, vous devez définir un style de bordure (par exemple, solid) pour que la bordure s’affiche. border:thin ne définit que la largeur. De plus, la couleur par défaut sera la même que la couleur du texte (ce qui n’a normalement pas l’air bon).

Je recommande de définir les trois styles:

style="border: thin solid black"
16
DisgruntledGoat

Vous pouvez utiliser:

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

Vous pouvez cependant les modifier à votre guise.

5
Andoni Henderer

Je suppose que c'est là que vous vous dirigez.

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

Bien. il doit être écrit comme border-width:thin

Ici vous allez avec le lien (cliquez ici) Découvrez les différents types de styles de bordure

vous pouvez également définir la largeur de la bordure en écrivant la largeur en termes de pixels (comme la largeur de la bordure: 1px), la largeur minimale est de 1px.

4
InfantPro'Aravind'

Vous devez définir plus de champs que la largeur de la bordure. Le style met essentiellement la bordure sur la page. Largeur contrôle l'épaisseur et la couleur lui indique quelle couleur créer.

border-style: solid; border-width:thin; border-color: #FFFFFF;
2
Jason Too Cool Webs

Dans bootstrap 4, vous pouvez utiliser tilitaires de bordure comme suit.

<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>
1
Penny Liu
 .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>
0
Muhammad Armaghan