楽天 de おいしい暮らし

< 新しい記事

新着記事一覧(全48件)

過去の記事 >

2010.12.02

楽天ブログで使えるTHMLタグ：テキストエリア

カテゴリ：楽天ブログで使えるHTML

「TEXTAREA」タグが使えないので
ボックスタグを使います。

★ 枠なしのボックス

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

※幅を設定するには　「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:外側右下の立体に見せる線の色;

お気に入りの記事を「いいね！」で応援しよう