★CSSリファレンス

結果はどのようにランク付けされますか?
順位はどのように決まるのでしょうか?
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

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

overflow-y …… はみ出た要素の上下の表示方法を指定する
Internet Explorer
Google Chrome
Safari
Firefox
Opera
広告



overflow-yプロパティは、ボックスの範囲内に内容が収まらない場合に、はみ出た要素の上下の表示方法を指定する際に使用します。

overflow-yプロパティは、もともとはInternet Explorerの独自機能でした。
新しく標準に追加されようとしている段階のプロパティであるため、
旧いブラウザで閲覧するユーザーを考慮するなら、overflowプロパティを使用した方が良いでしょう。

■値

visible
内容がボックスに収まらない場合、ボックスからはみ出して表示される(初期値)
hidden
内容がボックスに収まらない場合、収まらない部分は非表示となる。内容が収まらない場合にも、スクロールバーなどは表示されない
scroll
内容がボックスに収まらない場合、収まらない部分はボックスからはみ出さない。内容が収まらない場合には、スクロールバーなどが表示される
auto
ボックスに収まらない内容をどう表示するかは、ユーザーエージェントに依存する。内容が収まらない場合には、スクロールバーなどが表示される
no-display
内容がボックスに収まらない場合、display:none; が指定されたかのようにボックス全体が削除される
no-content
内容がボックスに収まらない場合、visibility:hidden; が指定されたかのようにボックス全体が非表示となる

■初期値・適用対象・値の継承

初期値
visible
適用対象
置換されていないブロックレベル要素、および、置換されていないインラインブロック要素
値の継承
しない

■使用例

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

p.sample {
	width: 200px; height: 50px;
	background-color: yellowgreen; 
}

HTMLソース

<h5>overflow-y: visible; を指定</h5>
<p class="sample" style="overflow-y: visible;">
かえるぴょこぴょこみぴょこぴょこ、あわせてぴょこぴょこむぴょこぴょこ。
</p>

<h5>overflow-y: hidden; を指定</h5>
<p class="sample" style="overflow-y: hidden;">
かえるぴょこぴょこみぴょこぴょこ、あわせてぴょこぴょこむぴょこぴょこ。
</p>

<h5>overflow-y: scroll; を指定</h5>
<p class="sample" style="overflow-y: scroll;">
かえるぴょこぴょこみぴょこぴょこ、あわせてぴょこぴょこむぴょこぴょこ。
</p>

<h5>overflow-y: auto; を指定</h5>
<p class="sample" style="overflow-y: auto;">
かえるぴょこぴょこみぴょこぴょこ、あわせてぴょこぴょこむぴょこぴょこ。
</p>

<h5>overflow-y: no-display; を指定</h5>
<p class="sample" style="overflow-y: no-display;">
かえるぴょこぴょこみぴょこぴょこ、あわせてぴょこぴょこむぴょこぴょこ。
</p>

<h5>overflow-y: no-content; を指定</h5>
<p class="sample" style="overflow-y: no-content;">
かえるぴょこぴょこみぴょこぴょこ、あわせてぴょこぴょこむぴょこぴょこ。
</p>

↓↓↓

ブラウザ上の表示

overflow-y: visible; を指定

かえるぴょこぴょこみぴょこぴょこ、あわせてぴょこぴょこむぴょこぴょこ。

overflow-y: hidden; を指定

かえるぴょこぴょこみぴょこぴょこ、あわせてぴょこぴょこむぴょこぴょこ。

overflow-y: scroll; を指定

かえるぴょこぴょこみぴょこぴょこ、あわせてぴょこぴょこむぴょこぴょこ。

overflow-y: auto; を指定

かえるぴょこぴょこみぴょこぴょこ、あわせてぴょこぴょこむぴょこぴょこ。

overflow-y: no-display; を指定

かえるぴょこぴょこみぴょこぴょこ、あわせてぴょこぴょこむぴょこぴょこ。

overflow-y: no-content; を指定

かえるぴょこぴょこみぴょこぴょこ、あわせてぴょこぴょこむぴょこぴょこ。

広告



カジノファインダー

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

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