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 HTML div?

149
demandé sur VVV 2010-01-07 16:16:10

8 réponses

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

border:1px solid black;

Voir Propriété abrégée de la frontière . 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 parie que c'est la largeur qui est nulle sauf indication contraire.

276
répondu Paolo 2010-01-07 13:18:29

Peut utiliser

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

Ou en sténographie

border: 2px solid black
24
répondu Yonks Somarl 2018-04-11 09:21:05

Selon le W3C:

Comme la valeur initiale des styles de bordure est 'none', 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 apparaisse. border:thin définit uniquement la largeur. En outre, la couleur sera par défaut la même que la couleur du texte (qui ne semble normalement pas bonne).

Je recommande de définir les trois styles:

style="border: thin solid black"
14
répondu DisgruntledGoat 2010-01-07 13:37:35

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

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

Eh 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 pixels.. (comme border-width: 1px), la largeur minimale est 1px.

4
répondu InfantPro'Aravind' 2014-04-15 13:31:41

Vous pouvez utiliser:

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

Vous pouvez les modifier comme bon vous semble.

4
répondu Andoni Henderer 2015-12-15 22:06:10

Vous devez définir plus de champs puis juste border-width. Le style met essentiellement la bordure sur la page. La largeur contrôle l'épaisseur et la couleur lui indique la couleur à utiliser pour créer la bordure.

border-style: solid; border-width:thin; border-color: #FFFFFF;
2
répondu Jason Too Cool Webs 2015-05-03 17:43:38
 .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
répondu Muhammad Armaghan 2018-04-23 13:59:33

Dans le bootstrap 4, vous pouvez utiliser frontière utilitaires comme si.

<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>
0
répondu Yi-Ting Liu 2018-09-06 09:21:09