--- title: scroll-padding-left slug: Web/CSS/scroll-padding-left tags: - CSS - CSS Property - CSS プロパティ - Reference - scroll-padding - scroll-padding-left translation_of: Web/CSS/scroll-padding-left ---
scroll-padding-left
プロパティは、スクロールポートの最適表示領域の左のオフセットを定義します。ユーザーのビュー内でものを配置するためのターゲット領域として使用される領域です。これにより、他のコンテンツ (固定位置のツールバーやサイドバーなど) によって隠されているスクロールポートの領域を除外したり、単にターゲット要素とスクロールポートの端との間により多くの余裕を持たせたりすることができます。
このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、 https://github.com/mdn/interactive-examples をクローンしてプルリクエストを送信してください。
{{cssinfo}}
/* キーワード値 */ scroll-padding-left: auto; /* <length> 値 */ scroll-padding-left: 10px; scroll-padding-left: 1em; scroll-padding-left: 10%; /* グローバル値 */ scroll-padding-left: inherit; scroll-padding-left: initial; scroll-padding-left: unset;
<length-percentage>
auto
仕様書 | 状態 | 備考 |
---|---|---|
{{SpecName("CSS Scroll Snap Points", "#propdef-scroll-padding-left", "scroll-padding-left")}} | {{Spec2("CSS Scroll Snap Points")}} | 初回定義 |
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
{{Compat("css.properties.scroll-padding-left")}}