プリンくんは、今日も行く！

プリンくんは、今日も行く！

SBつきテ－ブル

　
スクロ－ルバ－つきテ－ブル

テ－ブルにスクロールバーを設置。
これで、コンパクトに沢山表示できますね。

スクロ－ルバ－つきテ－ブル

<div style="width:180px;height:100px;overflow:auto;border:1px solid black;">ここにコメントを。</div>
<<表示例>>

横幅を指定 width:○px
縦幅を指定 height:○px
枠幅を指定 border:○px
枠種を指定 solid
枠色を指定 black

ここにコメントを。
自動で改行されないので
改行をしたい時は<br>を
使用してください。


スクロ－ルバ－の色を変える

<div style="width:180px;height:100px;overflow:auto;border:1px solid black; scrollbar-face-color:#ffff66; scrollbar-track-color:#cccccc; scrollbar-arrow-color:#cc66cc; scrollbar-highlight-color:#ff9900; scrollbar-shadow-color:#ffffff; scrollbar-3dlight-color:#0000ff; scrollbar-darkshadow-color:#ff0033; ">ここにコメントを。</div>
<<表示例>>

横幅を指定 width:○px
縦幅を指定 height:○px
枠幅を指定 border:○px
枠種を指定 solid
枠色を指定 black

ここにコメントを。
自動で改行されないので
改行をしたい時は<br>を
使用してください。


スクロ－ルバ－の色説明

scrollbar-face-color:#ffff66;
scrollbar-track-color:#cccccc;
scrollbar-arrow-color:#cc66cc;
scrollbar-highlight-color:#ff9900;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#0000ff;
scrollbar-darkshadow-color:#ff0033;

© Rakuten Group, Inc.
X

Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
    Share by: