オーバーフローCSS：要素の内容を表示する

カスケードスタイルシートは、継承、優先順位付け、クラス構造、理論的ポイント、および実務経験のジャングルに入らない場合、使いやすいです。

各CSSプロパティの主な目的は表示することですが、それは「目に見える」ことを意味するものではありません。CSSオーバーフローの非表示構造も同様に重要です。

ページ要素

ページには要素だけでなく要素要素は、フレーム（コンポーネントのセットだけでなく、全体として別のサイトでもかまいません）または手作業で作成されたオブジェクトのシステムであっても、配置できます。

当然、開発者の大半はサイトはゴムの組版を実践していますが、情報量の増加と、800 x 600ピクセルの障壁が、MS DOSの作成者の精神が数十年にわたって克服した640 KBの障壁ではないという事実を考慮せざるを得ず、プログラマーと最初のスタッフのユーザーの生活を難しくしています。

サイト構築では、最初はすべて簡単です。 ページが画面に収まらない場合、ブラウザはそれにスクロールします。開発者は、スクロールバーや他のプロパティなしでページのコンテンツをウィンドウに表示することを想定している場合があります。ページのコンテンツは、割り当てられたウィンドウからはみ出ることはありません。当然、他のアプリケーションはウィンドウの外側にあり、ブラウザウィンドウは他のウィンドウよりも優れています。オペレーティングシステムは常にアプリケーションの平等を意味します。

ただし、どのように優先順位を付けてもレイアウトオプションを選択すると、サイトを表示するための最適な画面解像度への訪問者の関心がどのように分散されているかに関係なく、現在、固定サイズの長方形機能を常に備えていないさまざまな画面があります。

オーバーフローCSSによる動的な世界

サイトのページは、特定の条件下で特定のケースにそれを表示する方法を示すハイパーテキストタグによってレイアウトされたコンテンツであることが認められています。

すべてが常に変化しています。 たとえコンテンツが長年にわたって変更できないようなサイトであっても、予期しない訪問者が新しいデバイスでそれを開かないという保証はありません。

ルールプロパティオプション オーバーフローCSSは4つだけを提供します。 要素の範囲を超えるすべてを非表示、表示、常にまたは必要な場合にのみスクロールを提供、または先祖から値を継承することが許可されています。

最初の場合（オーバーフロー： 非表示）、要素を超えるコンテンツはすべて非表示になり、非表示のものは利用できなくなります。この位置は効果的ですが、それ以上に興味深いのは、それを超えるすべてを表示するオプションです（オーバーフロー：可視）。そのため、開発者は、訪問者に要素の全内容を常に把握し、その量を管理する機会を提供します。スクロールではオプションが少なくなります（オーバーフロー：スクロール-スクロールバーは常に存在します;オーバーフロー：自動-必要に応じてスクロールバーが表示されます）。

オーバーフロールールを使用する機能

意味のあるタグ内にある要素 CSS「テキストオーバーフロー「テキストである場合にのみ特に重要です。他のコンポーネントの配置は通常、座標または相対位置によって固定されます。

テキスト要素には常に固定数の文字が含まれているとは限らず、ルールを使用する必要が生じた場合 オーバーフロー、CSSはコンテンツのボリュームの予期しない変更に対するオプションの制御を任されています。

特に、デバッグ段階では、次を適用できます。autoまたはscrollプロパティの値、および領域を超えるすべての表示をブロックし、訪問者に非表示コンテンツを表示領域に移動するための一連のボタンを提供します。これは一般的な方法です。誰もがスクロールバーに感心するわけではなく、4つのボタンを好む人もいます。最初から、前方、後方、最後まで。

さらに、CSSオーバーフロールールはauto / scrollは、ページに不快な不確実性の要素をもたらします。ブラウザは、マウスポインターがその上にあるときに、ページからその要素へのスクロールの優先順位を転送します。

要素がテキストブロックの場合、これはそれほど目立たず不便ではありませんが、ウィンドウの幅全体にスライダー（画像要素のブロック）を配置すると、マウスでこの設計を克服できません。多くの場合、「開始」または「ページの終わり」ボタンを使用する必要があります。

スクロールの優先順位

訪問者とのサイトの対話ページには重要な価値、およびその設計、開発、コンテンツ。サイトがブラウザを開き、独自のウィンドウまたは別のタブでこれを行うため、ほとんどの場合、ページには要素ではなくスクロールする権利が必要です。後者は多数であるだけでなく、それぞれに独自の機能がある場合があります。

サイトは常に特定の意味を持ち、哲学、神秘主義、その他の予期しないコンテンツの分野に属する場合。そのため、CSSオーバーフロールールを使用して、特定のダイアログが常に要素にロードされると想定できます。

特に、要素がセレクターオブザイヤー（日付）、クラシックセレクターは不便で、スクロールバーは明らかに不便です。この場合、オーバーフローを適用して、CSSをさらに効果的に使用できます。要素の内部フィールド、期間の強調表示、訪問者に目的の日付、月、年を迅速かつ便利に設定する機会を提供します。