Comment définir la Frontière pour la table

Je suis en train de développer une page web en utilisant HTML et le JavaScript les langages. Et j'ai aussi été en utilisant un Javascript et feuilles de style Externes pour le développement.
Le problème est alors que l'aide de feuilles de style externes en Javascript, je veux donner quelques frontière pour la table et ses lignes/colonnes. Quelqu'un peut me dire comment je peux faire cela?

Vous n'avez pas accès à ce fichier externe ?
êtes-vous essayer de l'ajouter au fichier javascript ou une feuille de style?
veuillez inclure le code que vous essayez...
S'il vous plaît, Accepter la réponse, si elle est résolue.

OriginalL'auteur S.P | 2011-12-14

  1. 14

    Éléments HTML ont la propriété style qui représente l'objet avec de l'élément de styles. Si vous modifiez, vous allez changer le style de votre élément.

    elem.style.border = "1px solid #000"
//the same as
elem.style.borderWidth = "1px";
elem.style.borderColor = "#000";
elem.style.borderStyle = "solid";

//or

elem.style.borderTop = "4px dashed greed";
//the same as
elem.style.borderTopWidth = "4px";
elem.style.borderTopColor = "green";
elem.style.borderTopStyle = "dashed";

    À l'aide de borderTop, borderRight, borderBottom, borderLeft propriétés que vous pouvez modifier que les frontières de ce que vous avez besoin.

    OriginalL'auteur balkon_smoke

  2. 2

    Essayer quelque chose comme cela dans votre JavaScript:

    object.style.border="1px solid red"; //1px solid red can be anything you want...

    W3schools peut vous aider ici: http://www.w3schools.com/cssref/pr_border.asp

    Juste pour confirmer objet dans cet exemple représente un peu de ce que vous avez sélectionnés à l'aide getElementById, donc...

    var myTable = document.getElementById('tableID');

myTable.style.border="1px solid red";

    OriginalL'auteur Mike Sav

  3. 0

    Pourquoi ne pas utiliser le Framework jQuery ? Avec jQuery, vous serait en mesure d'ajouter le code suivant pour atteindre votre objectif:

    $('table').css("border","1px solid #000");

    OriginalL'auteur mas-designs

  4. 0

    Je l'ai eu.

    dans votre fichier CSS

    code: table, td{border:1pix solide rouge}

    ici 1pix= donner votre choix de la taille de la bordure, mais devrait être dans le même format

      solid=i think its intensity of color(if you want to try something else, give after refering to w3schools/table)

 red=Color name (you can give any desired color name.)

    si Vous voulez donner un nom de couleur comme valeur hexadécimale il suffit de remplacer "rouge" avec une valeur hexadécimale comme "#cdcdcd"(il n'est pas noir).

    si vous avez encore des doutes il suffit de s'approcher de moi.

    OriginalL'auteur

  5. 0

    Essayer dans la Javascript :-

    elemt.style.borderBottom="1px solid red";
elemt.style.borderTop="1px solid green";

    Dans CSS :-

    .your-element{
  border-top:1px solid green;
  border-left:1px solid red; 
}

    Fonctionne très bien. Le CSS style de l'écriture et de Javascript style d'écriture est un peu différent.

    OriginalL'auteur Java Developers Guide