CSSスクロールバージェネレーター

last update:

スクロールバーのサイズ・角丸・色を指定するだけで、
CSSでスクロールバーをカスタマイズするコードを作成できます。
「CSSをコピーする」からコピーしてご利用ください。

Firefox用のCSSも一緒に生成しますが、サイズ指定や角丸には対応していないのでご注意ください！
（サイズはauto・thinのみ指定可能）

サイズ

単位はvwrem・empxで指定

角丸

単位はvwrem・empxで指定

Firefoxでは反映されません。

色

下の色付き四角形をクリックして色を選択。

Saveを押して保存してください。

プレビュー

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

CSSをコピーする

        
      

    

  







        

      
    

    
  

  
  
  
  

    

      
recommend