長さを変更できるテキスト入力欄を作る [ホームページ作成] All About
テキスト入力欄の長さを変更可能に 掲示板やメッセージ送信フォームなどでは、投稿欄（入力欄）が狭いと長い文章が書きにくくなってしまいます。 かといって、広大なスペースを最初から取っておくとページ全体を見渡しにくくなってしまいます。 そこで、投稿者が必要に応じて編集領域を広げられるようなテキスト入力欄を作ってみましょう。 上記の入力欄の下部にある「広げる」ボタンや「狭める」ボタンをクリックしてみて下さい。 クリックするたびに、2行分ずつ入力欄（編集領域）が増減します。 なお、accesskey属性を使ってアクセスキーを指定してありますので、以下のショートカットキーでもボタンを押せます。（キーの方がマウスよりも連続で押しやすいです。） ●Windowsの場合は(※) ・（[Shift]＋） [Alt]＋[X]キーで「広げる」、 ・（[Shift]＋） [Alt]＋[C]キーで「狭める」ボタンを押
![長さを変更できるテキスト入力欄を作る [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
どのリンクが選択中なのかを際立たせる装飾 [ホームページ作成] All About
メニューやリンクリストに活用するとおもしろいかも？ リンクの上にマウスポインタを載せると装飾が変化するデザインは、よく使われていますね。 では、リンクの上にマウスを載せたときに、リンクの横や上などに矢印を表示させる装飾はいかがでしょうか。 以下のリンクにマウスポインタを重ねてみてください。 リンクにポインタを重ねると、リンク文字の右側に赤色の矢印（）が現れるはずです。 リンクからマウスを放すと、矢印は消えます。 動的に矢印画像が表示されたり消えたりしますが、ここではスクリプトは一切使っていません。スタイルシートだけで実現しています。 ここで表示しているリンクは、通常のテキストリンク（文字で書いたリンク）です。 どんな文字を何文字表示させているリンクの横でも実現可能です。 矢印でなくても表示可能 もちろん、表示させるのは矢印である必要はありません。以下のような装飾も可能です。 リンクにマウス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
