【CSS】overflow-x - 領域から出たコンテンツの振る舞い（左右）

CSSのoverflow-xプロパティについて解説します。

検証環境

CSS

macOS

14.1

overflow-x

overflow-xは“領域から出たコンテンツの振る舞い（左右）”のプロパティです。

基本構文

overflow-x: 値;

値

代表的な値は次の通りです。

値	意味
auto	ユーザーエージェント（ブラウザ）の仕様
visible	表示
hidden	非表示
scroll	スクロール

サンプル

sample.html

<style>
p {
    white-space: nowrap;
    border: 1px solid black;
    padding: 15px;
    ___ih_hl_start
    overflow-x: scroll;
    ___ih_hl_end
}
</style>

<p>
    CSS : Cascading Style Sheets.
    CSS is a programming language that decorates elements such as HTML and XML.
    You can set various properties such as text color, background, and size.
</p>

プレビュー