Puis-je remplacer les <table border=1> " par " <table>` + css: table{...}`?

table{border:1px solid #000;} ne semble pas fonctionner sans la border=1 déclaration.
De la même manière que l'évolution des <input width=30> en input{width:400px;}, je voudrais utiliser <table> et de déclarer la frontière, dans le css. Est-ce possible?

Mise à jour
mon erreur a été à l'aide de

table{border-width:1px;}

au lieu de, par exemple,

table{border:1px solid #000;}

--qui fonctionne très bien.

Ce n'est pas le même type de frontière, mais oui, cela devrait être tout ce que vous devez faire.
Pouvez-vous donner un peu de code? Si vous essayez de déclarer les styles inline alors ce n'est pas la façon de le faire. (Ne jamais oublier le fait que c'est mal vu.) Voir jsfiddle.net/pgtWH/1

OriginalL'auteur ajo | 2011-03-22

  1. 13

    Utiliser ce CSS:

    table {
    border-collapse: collapse
}
td {
    border: 1px solid #000
}

    Démo

    border-collapse: collapse est important; sans cela vous avez doublé les frontières, comme ceci.

    l'effondrement de la pointe est whort un million, merci beaucoup!

    OriginalL'auteur thirtydot

  2. 3

    Absolument - c'est la façon préférée. Vous pourriez avoir à le style td ainsi que tr.

    mais si j'utilise <table> le css style ne semble pas s'appliquer?
    Il va s'appliquer à l'extérieur de la table, de ne pas les cellules.

    OriginalL'auteur Daniel A. White

  3. 1

    Essayez ceci dans le CSS

     table
    {
    border:1px solid black;
    }

    alors vous pouvez l'utiliser en HTML

    <table>
....
</table>

    OriginalL'auteur tomasBULL

  4. 0

    oui, mais si vous utilisez table, il aura une incidence sur TOUTES les tables dans votre code html.

    Je suggère de faire:

    <table class="myTable"> et puis .myTable { /*css*/}

    OriginalL'auteur PiZzL3

  5. 0

    Votre style:

    table td { border: 1px solid #000000; }

    Voir un exemple de travail ici.

    Ne sais pas ce travail à propos de cet exemple...
    Vous avez oublié de copier le lien avant de le coller.
    lol merci pour cette remarque. J'échoue à copier+coller.
    Juste pour vous faire savoir, que l'exemple ne fonctionne que parce que jsFiddle comprend table { border-collapse: collapse } à l'intérieur de leur remise à zéro: (http://fiddle.jshell.net/css/normalize.css). Voir ma réponse.

    OriginalL'auteur wsanville

  6. 0

    Si vous êtes en utilisant, <th> pour les en-têtes, avec le code ci-dessous, vous n'obtiendrez pas de frontières autour de nos têtes:

    td { border: 1px solid #000000; }

    vous devrez également ajouter:

    th { border: 1px solid #000000; }

    Ce qui concerne,

    OriginalL'auteur Dumitru Daniel