# Overflow

コンテナの境界外になったときにコンテンツがオーバーフローする方法を設定します。

# どのように機能するか

要素に overflow, overflow-x, または overflow-y プロパティを指定します。これらのクラスは、 {overflow}{value}- 形式で適用できます。 overflowは、overflow, overflow-x, overflow-yのいずれかのタイプを指し、valueは、auto, hidden, visibleのいずれかとなります。

プロパティのリストです:

overflow-auto
overflow-hidden
overflow-visible
overflow-x-auto
overflow-x-hidden
overflow-x-visible
overflow-y-auto
overflow-y-hidden
overflow-y-visible

# サンプル

# Overflow プロパティ

overflow-auto は、コンテンツが境界を超えたときに要素にスクロールバーを追加するために使用されます。一方、 overflow-hidden は、境界をオーバーフローするすべてのコンテンツをクリップするために使用されます。 overflow-visible は、境界をオーバーフローしてもコンテンツがクリッピングされないようにします。

# Overflow-X プロパティ

必要に応じてoverflow-x で、要素に水平オーバーフローを指定できます。

準備はできましたか？

Vuetifyのチームが選ぶ関連コンテンツで他の学習トピックに進むか、下のナビゲーションリンクでページ間を移動できます。

GitHub でこのページを編集する

最終更新日:08/28/2026, 7:52:36 PM