CSS で垂直スクロールバーを Div の左側に配置できますか?

Div スクロールバーを左側に配置

CSS の領域では、特定のレイアウトと視覚効果を実現するための要素のスタイリングが不可欠です。このようなカスタマイズの 1 つは、div 要素内の垂直スクロールバーの位置を制御することです。

質問:

div 内、特に左側？例として、[オーバーフロー属性](https://www.w3schools.com/cssref/pr_pos_overflow.asp) によってスクロールバーの作成が可能になっていることがわかりますが、スクロールバーを左側に配置するにはどうすればよいでしょうか?

答え:

左側に望ましいスクロールバーの配置を実現するために、次の方向を導入します。 CSS のプロパティ。このプロパティは、テキストの方向を右から左に反転し、スクロールバーを左側に効果的に移動します。

div 内のコンテンツが適切に表示されるように、テキストの方向を左から右にリセットします。方向を使用: ltr;その内部の div に対して。以下に例を示します:

<code class="css">#scroll {
    direction: rtl;
    overflow: auto;
    height: 50px;
    width: 50px;
}

#scroll div {
    direction: ltr;
}</code>

注: 明確にするために、このソリューションは未テストのままです。

以上がCSS で垂直スクロールバーを Div の左側に配置できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。