★スタイルシートリファレンス

結果はどのようにランク付けされますか?
順位はどのように決まるのでしょうか?
2Ranking the results of your bets can be a complex task depending on your specific situation and goals. There are many different ways to rank betting results, and the choice of method often depends on what you want to achieve. The general approach for ranking betting results is as follows:
Read in-detail

私たちはカジノサイトを独自にレビューしています。当社のリンクを通じてサインアップすると、追加料金なしで当社に手数料が発生する場合があります。

border-style …… ボーダーのスタイルを指定する
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9
Netscape6Netscape7Netscape8
Opera6Opera7Opera8Opera9Opera10
Firefox1Firefox2Firefox3Firefox4
Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6
広告



border-styleプロパティは、上下左右のボーダーのスタイルをまとめて指定する際に使用します。
上下左右を異なったスタイルにしたい場合には、スペースで区切って複数の値を指定します。

値を1つ指定した場合: [上下左右]がそのスタイルになります。
値を2つ指定した場合: 記述した順に[上下][左右]のスタイルになります。
値を3つ指定した場合: 記述した順に[上][左右][下]のスタイルになります。
値を4つ指定した場合: 記述した順に[上][右][下][左]のスタイルになります。

■ボーダースタイルの値

none
ボーダーは表示されず、太さも0になります。表のセルなどのボーダーが重なり合う場合は他の値が優先されます。これが初期値です。
hidden
ボーダーは表示されず、太さも0になります。表のセルなどのボーダーが重なり合う場合はhiddenの値が優先されます。
solid
1本線で表示されます。
double
2本線で表示されます。
groove
立体的に窪んだ線で表示されます。
ridge
立体的に隆起した線で表示されます。
inset
上と左のボーダーが暗く、下と右のボーダーが明るく表示され、ボーダーで囲まれた領域全体が立体的に窪んだように表示されます。上下左右の一部だけに指定しても立体感は出ません。
outset
上と左のボーダーが明るく、下と右のボーダーが暗く表示され、ボーダーで囲まれた領域全体が立体的に隆起したように表示されます。上下左右の一部だけに指定しても立体感は出ません。
dashed
破線で表示されます。
dotted
点線で表示されます。

■使用例

スタイルシート部分は外部ファイル(sample.css)に記述。

p.sample1 {border-style: none;}
p.sample2 {border-style: hidden;}
p.sample3 {border-style: solid;}
p.sample4 {border-style: double;}
p.sample5 {border-style: groove;}
p.sample6 {border-style: ridge;}
p.sample7 {border-style: inset;}
p.sample8 {border-style: outset;}
p.sample9 {border-style: dashed;}
p.sample10 {border-style: dotted;}
p.sample11 {border-style: solid double;}
p.sample12 {border-style: solid double groove;}
p.sample13 {border-style: solid double groove ridge;}

HTMLソース

<html>
<head>
<link rel=”stylesheet” href=”/tech/style/bordersample.css”
type=”text/css”>
</head>
<body>
<p class=”sample1″>none</p>
<p class=”sample2″>hidden</p>
<p class=”sample3″>solid</p>
<p class=”sample4″>double</p>
<p class=”sample5″>groove</p>
<p class=”sample6″>ridge</p>
<p class=”sample7″>inset</p>
<p class=”sample8″>outset</p>
<p class=”sample9″>dashed</p>
<p class=”sample10″>dotted</p>
<p class=”sample11″>上下solid、左右double</p>
<p class=”sample12″>上solid、左右double、下groove</p>
<p class=”sample13″>上solid、右double、下groove、左ridge</p>
</body>
</html>

↓↓↓

ブラウザ上の表示

none

hidden

solid

double

groove

ridge

inset

outset

dashed

dotted

上下solid、左右double

上solid、左右double、下groove

上solid、右double、下groove、左ridge

■関連項目

border …… ボーダーのスタイル・太さ・色を指定する
border-color …… ボーダーの色を指定する
border-style …… ボーダーのスタイルを指定する
border-width …… ボーダーの太さを指定する
border-top …… 上ボーダーのスタイル・太さ・色を指定する
border-top-color …… 上ボーダーの色を指定する
border-top-style …… 上ボーダーのスタイルを指定する
border-top-width …… 上ボーダーの太さを指定する
border-bottom …… 下ボーダーのスタイル・太さ・色を指定する
border-bottom-color …… 下ボーダーの色を指定する
border-bottom-style …… 下ボーダーのスタイルを指定する
border-bottom-width …… 下ボーダーの太さを指定する
border-left …… 左ボーダーのスタイル・太さ・色を指定する
border-left-color …… 左ボーダーの色を指定する
border-left-style …… 左ボーダーのスタイルを指定する
border-left-width …… 左ボーダーの太さを指定する
border-right …… 右ボーダーのスタイル・太さ・色を指定する
border-right-color …… 右ボーダーの色を指定する
border-right-style …… 右ボーダーのスタイルを指定する
border-right-width …… 右ボーダーの太さを指定する
広告



カジノファインダー

どのカジノが自分に最適か分からないですか?

Easily find your perfect casino in under a minute, no sign up necessary.