ジャンル別 テキストボックスへ戻る

テキストボックス装飾１
(文字サイズを変える)

ここに文章を書いて下さい


<TEXTAREA ROWS=3 COLS=30 style="font-size:30px;"> ここに文章を書いて下さい </TEXTAREA>







テキストボックス装飾２
(文字色を変える)

ここに文章を書いて下さい


<TEXTAREA ROWS=3 COLS=30 style="color:カラーコード;"> ここに文章を書いて下さい </TEXTAREA>







テキストボックス装飾３
(テキストボックスの背景色を変える)

ここに文章を書いて下さい


<TEXTAREA ROWS=3 COLS=30 style="background-color:カラーコード;"> ここに文章を書いて下さい </TEXTAREA>







テキストボックス装飾４
(文字と背景色を変える)

ここに文章を書いて下さい


<TEXTAREA ROWS=3 COLS=30 style="background-color:背景カラー;color:文字カラー;"> ここに文章を書いて下さい </TEXTAREA>







テキストボックス装飾５
(フォントを変える)

ここに文章を書いて下さい


<TEXTAREA ROWS=3 COLS=30 style="font-family:フォント名;"> ここに文章を書いて下さい </TEXTAREA>







テキストボックス装飾６
(テキストボックスのサイズを変える)

ここに文章を書いて下さい


<TEXTAREA ROWS=5 COLS=80> ここに文章を書いて下さい </TEXTAREA>







テキストボックス装飾７
(テキストボックス内に切り取り、貼り付けを出来ないようにする)

ここに文章を書いて下さい


<TEXTAREA ROWS=3 COLS=30 readonly> ここに文章を書いて下さい </TEXTAREA>







テキストボックス装飾８
(テキストボックスの枠をなくす)

ここに文章を書いて下さい


<TEXTAREA ROWS=3 COLS=30 style="border:0;"> ここに文章を書いて下さい </TEXTAREA>







テキストボックス装飾９
(テキストボックスに色々な枠をつける)

ここに文章を書いて下さい


<TEXTAREA ROWS=3 COLS=30 style="border:太さ 枠形式 カラーコード;"> ここに文章を書いて下さい </TEXTAREA>

上記テキストボックスのタグを例にするとこうなります
<TEXTAREA ROWS=3 COLS=30 style="border:thin dotted #ff80c0;"> ここに文章を書いて下さい </TEXTAREA>







テキストボックス装飾10
(すべての要素を取り入れて装飾してみる)

ここに文章を書いて下さい


<TEXTAREA ROWS=5 COLS=30 style="border:thick ridge #800000;background-color:#006a00;color:#ffffff;font-family:富士ポップ;" readonly> ここに文章を書いて下さい </TEXTAREA>

ホームページに広告張るなら	A8.net
有料ホームページ始めるなら	ロリポップ！
無料ＣＧＩ色々	ACR WEB