1626146

ホーム | 日記 | プロフィール

【フォローする】【ログイン】

けとけと。の自由帳

サイド自由欄

動画ページ
HOT!まいろ

< 新しい記事

新着記事一覧(全5592件)

過去の記事 >

2003年07月26日

楽天向けスタイルシート講座～その他２～

(9)

テーマ：ＨＴＭＬを使って楽天で何ができるのか．(160)

カテゴリ：未整理

今回は小窓のスクロールバーの色の変更です
ブラウザ全体のスクロールバーの変更はこちら．

今回のスタイルシートは InternetExplorer でないとスクロールの色を変えても見る事はできません．
自分は見えても見えない人がいるということを理解しておきましょう．

《スタイルシートの記述》
　　<要素名 style=" プロパティ : 値 " >内容</要素名>
　　という感じになり要素名とは前に紹介したＨＴＭＬタグをご覧ください．
　　そしてここで紹介するのは プロパティ値
　　複数のスタイルを設定する場合は，「;」セミコロンで区切ります．
　　<要素名 style=" プロパティ : 値 ; プロパティ : 値 ;.....; プロパティ : 値 " >内容</要素名>

『ブロックレベル要素』
　　これは CENTER，DL，HR，OL，P，PRE，TABLE，UL のように内容をひとまとまりとして処理する要素名のことを言います．
　　ちなみにこれらを実行した後は改行されます．

『インラインレベル要素』
　　これは A，B，BR，FONT，I，IMG，S，U のように文字と同等に扱われて処理できる要素名のことを言います．
　　ちなみにこれらを実行した後は改行されません．

『翔泳社　スタイルシート辞典　第三版』をお持ちの方は項目横のページ数をご覧ください．

▼ スクロールバーの色を変更したい P.320-322

プロパティ：
下記の赤い文字を設定 　※文字にマウスをあてるとスクロールの設定箇所が赤くなります．
ココの小窓のスクロールバーの色が変わります．

scrollbar-base-color ・・・ベースの色

scrollbar-face-color ・・・スクロールバーの表面の色

scrollbar-arrow-color ・・・矢印の色

scrollbar-highlight-color ・・・ハイライト部分の色

scrollbar-3dlight-color ・・・ボタンのハイライト部分の色

scrollbar-shadow-color ・・・シャドー部分の色

scrollbar-darkshadow-color ・・・ボタンのシャドー部分の色

キーワード： 　色を指定します．

　例：

小窓のスクロールバーの色を設定．

ベースを青
矢印を白

に設定しています

<CENTER style="overflow:scroll;width:100px;height:100px;scrollbar-base-color:blue;scrollbar-arrow-color:white">
小窓のスクロールバーの色を設定．

ベースを青
矢印を白

に設定しています
</CENTER>

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

最終更新日 2003年07月29日 21時07分55秒
コメント(9) | コメントを書く

■コメント

Re:楽天向けスタイルシート講座～その他２～(7/26)

シュガリー☆ さん

以前のブラウザ全体のスクロールバーの時と同様に、小窓に関しても、マウスをあてると説明部分が目でわかるというのは、とってもわかりやすいですね。 最近、パソコンの勉強をする時間が足りない (;^_^A アセアセ・・・ また、お邪魔します・・・ (2003年07月27日 17時18分49秒)

返事を書く

Re:楽天向けスタイルシート講座～その他２～(7/26)

西浜荘さん

スクロールバーの大きさも替えられるんだな ドデカイのは良いけど小さいのが良いな 意外と花火が上手ん撮れたでしょ 奮発しただけの事は有るよねコピーペだけですよ (2003年07月27日 19時15分43秒)

返事を書く

Re:楽天向けスタイルシート講座～その他２～(7/26)

kirara☆彡さん

なんだか・・・・ すごい事ができるんだねぇ。。。 いつ来てもいいように・・・ バックアップかな（笑） そうしときますね。 ありがとう☆ (2003年07月27日 20時35分42秒)

返事を書く

Re:楽天向けスタイルシート講座～その他２～(7/26)

ぎゅうてぃさん

今までも頑張ってきたつもりはつもりだったんだけど、まだまだです。これでも少しは進歩した気がするので、諦めずがんばります。本当に助けてくれてありがとうございました。 (2003年07月27日 22時03分09秒)

返事を書く

Re:楽天向けスタイルシート講座～その他２～(7/26)

よぉ★0605 さん

まずは最初に・・・ でっかい「小窓」にびっくり！ あれも「小窓」というんですね～(笑 質問。。。 ＜ＣＥＮＴＥＲ・・・・・＞ってことはこの小窓は真ん中に表示されるんですよね？ 右側・左側に置きたい時はＲＩＧＨＴ・ＬＥＦＴとかにするんですか？ ワタシ・・・変な質問してます？ (2003年07月27日 22時47分55秒)

返事を書く

Re:楽天向けスタイルシート講座～その他２～(7/26)

viafm さん

いろんなことが出来ますね。 あ、また紹介しましたので来ると思います。 土日営業はこちらですものね。（笑） あ～～～腰が痛い！チャオ☆ (2003年07月28日 00時14分34秒)

返事を書く

Re:楽天向けスタイルシート講座～その他２～(7/26)

かっき－さん

すごい！！ この説明は良く判るわ！！ 触れると色が変わるなんて凄い技だわ！！ 面白い！！ 初心者さんにピッタリですね！！ 掻く言う私もですが・・・ タグを借りてきて、四苦八苦しながら・・・間違いながらというが･･･覚えてましたが･･･ こんな説明が有ったらもっと早く覚えれたか？ いや～～～やっぱり間違った方が覚えたか？ これからのＨＰ作りする方にはとってもいいお手本ですね！！ もう１度初心に戻って勉強しなおしていきますぅ～～～（＾＾；アセッ ヽ(∇⌒ヽ)(ノ⌒∇)ノ (2003年07月28日 18時17分03秒)

返事を書く

Re:楽天向けスタイルシート講座～その他２～(7/26)

ほたる。。。☆ さん

こんばんは！ スクロールバーが面白くて遊んでしまいました（笑） まだ良く判らないので、ここに来て勉強してます！ ヾ(*’ｰ’*) /~ ﾏﾀﾈｯ!! (2003年07月28日 19時39分40秒)

返事を書く

Re:楽天向けスタイルシート講座～その他２～(7/26)

ナッチ73 さん

(2003年07月29日 21時06分23秒)

返事を書く