Comment je place <table> largeur de la bordure avec CSS?

Question

Je suis sur le point de me tuer. Cela ne devrait pas être difficile.

Pourquoi ça marche?

 <table border=1>
 

Et ça non?

 <table style="border-width:1px;border-color:black">
 

J'obtiens le même résultat dans Chrome et dans IE9.

PHP est facile, mais HTML me fait sentir comme un retard complet. S'il vous plaît aider. Merci.

Answer 1

faire des bordures sur des tables avec css est un peu plus compliqué (mais pas autant, voyez ce jsfiddle comme exemple ):

 <style type="text/css">
  table{
    border-collapse: collapse;
    border: 1px solid black;
  }
  table td{
    border: 1px solid black;
  }
</style>
<table>
  <tr>
    <td>test</td>
    <td>test</td>
  </tr>
</table>
 

Answer 2

La valeur par défaut border-style est none, de sorte que vous devez spécifier que ainsi que la largeur et la couleur.

Vous pouvez utiliser l' border abréviation de propriété pour définir tous les trois valeurs en une seule fois.

Aussi, l'attribut border décrit la frontière pour la table et les cellules. CSS est beaucoup plus flexible, de sorte qu'il ne décrit que la frontière des éléments de la sélection. Vous devez sélectionner les cellules afin d'obtenir le même effet.

table, th, td {
    border: solid black 1px;
}

Voir aussi les propriétés de bordure et les tableaux en CSS.

Answer 3

La raison pour laquelle il n'a pas de travail, c'est que malgré le réglage de l' border-width et de la border-color vous n'avez pas spécifié l' border-style:

<table style="border-width:1px;border-color:black;border-style:solid;">

JS Fiddle démo.

Il est généralement préférable de définir les styles dans la feuille de style (de sorte que tous les éléments sont de style sans avoir à trouver, et le changement, chaque élément de l' style d'attribut):

table {
    border-color: #000;
    border-width: 1px;
    border-style: solid;
    /* or, of course,
    border: 1px solid #000;
    */
}

JS Fiddle démo (Ou à l'aide d'abréviation border de la notation).

Answer 4

 <table style='border:1px solid black'>
    <tr>
        <td>Derp</td>
    </tr>
</table>
 

Cela devrait marcher. J'utilise la syntaxe abrégée pour les frontières.

Answer 5

Vous devez ajouter un style de bordure comme ceci:

 <table style="border:1px solid black">
 

ou comme ceci:

 <table style="border-width:1px;border-color:black;border-style:solid;">