フロートした子要素を内包するコンテナが高さを拡張しない問題を解決するためのテクニックはさまざまなものがあります。 その中から、overflowを使った方法とその際に生じる問題点とその解決方法を紹介します。 フロートをクリアする要素を配置して解消 ...

スクロールバー付きボックスの簡単な作り方を解説。HTMLで作成したボックスにCSSのoverflowプロパティを使ってスクロールバーを追加すれば、表示面積の狭いボックスの中にもたくさんの情報を詰め込むことができます。お知らせ一覧や更新履歴の掲載など ...

とある要素について、以下の実装が必要となった。 X軸方向：「エリア外はみ出し禁止」「はみ出した場合は横スクロール」 Y軸方向：「エリア外はみ出し許容」 直感的に考えて、Y軸はデフォルトのままでいいとして、overflow-xにscrollを指定すればいいと思っ ...

overflow: hiddenは、CSSプロパティの1つで、要素の内容がその領域を超えた場合の動作を指定するものです。 具体的には、以下のような効果があります。 要素の範囲を超えた部分は表示されなくなる(切り取られる) スクロールバーは表示されない 要素の背景が ...

長いURLや長い英数字の羅列を表示する場合でも適切に自動改行(折り返し)させることで、ボックスから文字列がはみ出したり、横スクロールが必要になったりしないようにするCSSの書き方を解説。overflow-wrap、word-wrap、word-breakという3種類のプロパティ名が ...

表示しきれないテキストをマウスホバーで表示するスタイルシートをCSSplayから紹介します。 未表示のテキストがあることを明示するイメージを配置したデモもあります。 続きがあることをイメージで明示 最初のデモでは「text-overflow:ellipsis」が使用されて ...

overlay was never in fact defined, so it never needed to get deprecated. ^_^ It existed in WebKit and was exposed to the web temporarily, but was later removed, and the Safari team has no plans to ...