楽天 de おいしい暮らし

テキストエリア

ボックスタグを使います。

★ 枠なしのボックス

ここに文字
ここに文字
ここに文字
ここに文字
ここに文字
ここに文字
ここに文字
ここに文字
ここに文字
ここに文字
ここに文字
ここに文字
ここに文字
ここに文字
ここに文字

※幅を設定するには　「width:500px」　ここの数値を変えてください。
※高さを設定するには「height:300px」ここの数値を変えてください。

★ 枠をつけたボックス

※枠の太さ、色は「border:solid 1px #000000」この部分を変えてください。
※幅を設定するには　「width:500px」　ここの数値を変えてください。
※高さを設定するには「height:300px」ここの数値を変えてください。

★ スクロールに色をつけたボックス

<DIV style="border:solid 1px #000000; height : 100px; width : 400px; font-size: 9pt;　overflow: auto; scrollbar-face-color: #ffdddd; scrollbar-highlight-color: #220022; scrollbar-shadow-color: #ffdddd; scrollbar-3dlight-color: #220022; scrollbar-arrow-color: #000000; scrollbar-track-color: #FFFFFF; scrollbar-darkshadow-color: #fff0f0; filter:chroma(color=#220022); border-style:margin: 3px; padding: 5px;">
<FONT color="#cc0000">ここに文字</FONT><BR>
<FONT color="#000000">ここに文字</FONT><BR>
ここに文字<BR>
ここに文字<BR>
ここに文字<BR>
ここに文字<BR>
ここに文字<BR>
ここに文字<BR>
ここに文字<BR>
ここに文字<BR>
</DIV>

※枠の太さと色は、「border:solid 1px #000000;」ここを変更してください。
※枠の幅と高さは、「 height : 100px; width : 400px;」ここを変更してください。
※文字のサイズは、「 font-size: 9pt;」この部分を変更してください。
※スクロールバーの装飾は下記を参考に変えてくださいね。

scrollbar-face-color:表面の色;
scrollbar-track-color:背景の網掛け部分の色;
scrollbar-arrow-color:矢印の色;
scrollbar-3dlight-color:外側左上の立体に見せる線の色;
scrollbar-highlight-color:内側左上の立体に見せる線の色;
scrollbar-shadow-color:内側右下の立体に見せる線の色;
scrollbar-darkshadow-color:外側右下の立体に見せる線の色;

ジャンル別一覧