web-dev-qa-db-ja.com

テーブルの境界線を設定する方法

HTMLとJavaScript言語を使用してWebページを開発しようとしています。また、開発には外部Javascriptと外部スタイルシートも使用しています。問題は、Javascriptで外部スタイルシートを使用しているときに、テーブルとその行/列に境界線を付けたいということです。どうすればそれができるのか誰か教えてもらえますか？

javascriptcssborderexternal
8
S.P

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プロパティを使用すると、必要な境界線のみを変更できます。

14
balkon_smoke

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";
2
Mike Sav

JQueryフレームワークを使ってみませんか？ jQueryを使用すると、目標を達成するために次のコードを追加できます。

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

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の書き方は少し異なります。

0
JDGuide

わかった。

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

色の名前を16進値として指定する場合は、「赤」を「#cdcdcd」などの16進値に置き換えます（黒ではありません）。

それでも疑問がある場合は、私に近づいてください。

0
S.P