Как установить Границу для стола

Question

Я пытаюсь разработать веб-страницу с использованием языков HTML и JavaScript. И я также использовал внешние Javascript и внешние таблицы стилей для разработки. Проблема заключается в том, что при использовании внешних таблиц стилей в Javascript, я хочу дать некоторые границы для таблицы и ее строк / столбцов. Может кто-нибудь сказать мне, как я могу это сделать?

Answer 1

HTML-элементы имеют свойство style, которое представляет объект со стилями элемента.Если вы измените его - вы измените стиль вашего элемента.

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

Используя свойства borderTop, borderRight, borderBottom, borderLeft, вы можете изменять только те границы, которые вам нужны.

Answer 2

Попробуйте что-то вроде этого в вашем JavaScript:

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

W3schools может помочь вам здесь: http://www.w3schools.com/cssref/pr_border.asp

Просто чтобы подтвердить, что объект в этом примере представляет некоторые объекты, которые вы выбрали с помощью getElementById, поэтому ...

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

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

Answer 3

Попробуйте это в Javascript: -

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

В CSS: -

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

Работает нормально. Стиль письма CSS и стиль письма Javascript немного отличаются.

Answer 4

Я понял.

в вашем CSS-файле

код: таблица, td {border: 1pix solid red}

здесь 1pix = укажите ваш выбор размера границыно должно быть в том же формате

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

, если вы хотите дать имя цвета в виде шестнадцатеричного значения, просто замените «красный» на некоторое шестнадцатеричное значение, например «#cdcdcd» (это не черный).

если у тебя все еще есть сомнения, просто подойди ко мне.

Answer 5

Почему вы не используете jQuery Framework? С помощью jQuery вы сможете добавить следующий код для достижения вашей цели:

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