テキストエリアの表記タグ

テキストエリアの表記タグ

2002/09/23設置



テキストエリアとはホームページのように書きこむスペースというか
表示するための場所です！
設定した大きさと色、線の太さや色や種類など自由に変更できます！
表記方法は以下のようになっていますが、テキストエリア内に表示させるには
最後の</p>の前にイロイロと書けばいいわけです。
要は<p style=～>テキストエリア内に表示させる文字や画像のタグ</p>という風に
間に書けばいいんです！

～いろいろなテキストエリアの線種～
その壱

このテキストエリアのタグは以下のようになります！

<P style=width:250;height:120;overflow-y:scroll;background-color:white;border-style:solid;border-color:lime;>


その弐

このテキストエリアのタグは以下のようになります！

<P style=width:250;height:120;overflow-y:scroll;background-color:white;border-style:dashed;border-color:lime;>


その参

このテキストエリアのタグは以下のようになります！

<P style=width:250;height:120;overflow-y:scroll;background-color:white;border-style:double;border-color:lime;>


その四

このテキストエリアのタグは以下のようになります！

<P style=width:250;height:120;overflow-y:scroll;background-color:white;border-style:dotted;border-color:lime;>


その五

このテキストエリアのタグは以下のようになります！

<P style=width:250;height:120;overflow-y:scroll;background-color:white;border-style:groove;border-color:lime;>


その六

このテキストエリアのタグは以下のようになります！

<P style=width:250;height:120;overflow-y:scroll;background-color:white;border-style:ridge;border-color:lime;>


その七

このテキストエリアのタグは以下のようになります！

<P style=width:250;height:120;overflow-y:scroll;background-color:white;border-style:inset;border-color:lime;>


その八

このテキストエリアのタグは以下のようになります！

<P style=width:250;height:120;overflow-y:scroll;background-color:white;border-style:outset;border-color:lime;>



上記のテキストエリアの枠の色は全てlimeになっていますのでborder-color:の
後の部分を変えると枠線の色は変更できます！
テキストエリアの全体の大きさはwidth:450;height:80;の部分の数字を変更すると
大きさは変えられます！
テキストエリア内の文字を中央に配置する場合はテキストエリア全体のタグを
<center>のタグで挟めばテキストエリア内の文字などは中央に表示されます！
テキストエリア内の背景の色の変更はbackground-color:whiteの部分のwhiteを
変更すれば他の色に変更できます！以下も同じです！

～スクロールバーのみの色の変更（上記のその壱の線種を使用）～
その１

このテキストエリアのタグは以下のようになります！
スクロールバーの色の所だけを変える表記タグです！（黄）

<P style=width:450;height:80;overflow-y:scroll;background-color:white;background-attachment:fixed;scrollbar-face-color:yellow;border-style:solid;border-color:lime;>


その２

このテキストエリアのタグは以下のようになります！
スクロールバーの色の所だけを変える表記タグです！（赤）

<P style=width:450;height:80;overflow-y:scroll;background-color:white;background-attachment:fixed;scrollbar-face-color:red;border-style:solid;border-color:lime;>


その３

このテキストエリアのタグは以下のようになります！
スクロールバーの色の所だけを変える表記タグです！（緑）

<P style=width:450;height:80;overflow-y:scroll;background-color:white;background-attachment:fixed;scrollbar-face-color:green;border-style:solid;border-color:lime;>



～スクロールバーの各種の色の変更（線種はその参を使用）～

いろんな部分を変えるタグです！
スクロールのバーの全体の色
スクロールバーのボタンの色
バーの「の部分の色
バーの」の部分の色
バーの背景の色など

このテキストエリアのタグは以下の通りになります！
<P style=width:450;height:120;overflow-y:scroll;background-attachment:fixed;scrollbar-face-color:gold;scrollbar-track-color:pink;scrollbar-arrow-color:red;scrollbar-highlight-color:red;scrollbar-shadow-color:darkblue;scrollbar-3dlight-color:white;scrollbar-darkshadow-color:purple;border-style:double;border-color:hotpink;>



あとはいろいろと改良する所もあると思いますがここまで書けば色の変更する場所は
だいたいわかるんじゃないかな？もし分からないという方は私書箱にメールアドレス欄に
メールアドレスを明記の上どれを知りたいのかを書いてください！
詳しく説明してあげますので！

線種：その壱～その八まで
スクロールバーの色のみの変更：その１～その３
スクロールバーの各種の色の変更

参考までに…
dotted 点線枠　groove くぼみ枠　ridge 浮き上がり枠　dashed 破線枠
double 二重枠　inset IN枠　outset OUT枠　solid 実線枠

© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
    Share by: