Jak ustawić obramowanie do tabeli

Question

Próbuję stworzyć stronę internetową za pomocą języka HTML i JavaScript. Używam również zewnętrznych skryptów JavaScript i zewnętrznych stylów do programowania. Problem jest podczas korzystania z zewnętrznych arkuszy stylów w JavaScript, chcę dać pewną granicę na stole i jego wiersze/przełęcze. Czy ktoś może mi powiedzieć, jak mogę to zrobić?

Answer 1

Spróbuj coś takiego w JavaScript:

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

W3Schools może pomóc tutaj: http://www.w3schools.com/cssref/pr_border.asp

Wystarczy potwierdzić obiekt w tym przykładzie oznacza to niektóre zostały wybrane przy użyciu getElementById, więc ...

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

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

Answer 2

Elementy HTML mają własność style reprezentującą obiekt ze stylami elementu. Jeśli ją zmodyfikujesz - zmienisz styl swojego elementu.

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"; 

Korzystanie borderTop, borderRight, borderBottom, borderLeft właściwości można zmienić tylko graniczy czego potrzebujesz.

Answer 3

Dlaczego nie używasz jQuery framework? Z jQuery można dodać następujący kod, aby osiągnąć swój cel:

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

Answer 4

Mam go.

w pliku CSS

Kod: stół, td {border: 1pix stałe red}

tutaj 1pix = dać wybór wielkości granicznej, ale powinny być w tym samym formacie

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.) 

Jeśli chcesz nadać nazwę koloru jako wartość szesnastkową, po prostu zastąp "czerwony" jakąś wartością szesnastkową, np. "#cdcdcd" (nie jest czarna).

jeśli nadal masz wątpliwości, podejdź do mnie.

Answer 5

Spróbuj tego w Javascript: -

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

W CSS: -

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

działa dobrze. Styl pisania w stylu CSS i stylu pisania jest nieco inny.