プライベートモードで閲覧中です。

sugar pot : 【私家版・はじめてのFC2ブログカスタマイズ】#19 CSS編・リンクの設定

ほろ苦い夢のかけらのおすそわけ

スポンサーサイト

--年--月--日(--)

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
#
カテゴリ:スポンサー広告

trackback

【私家版・はじめてのFC2ブログカスタマイズ】#19 CSS編・リンクの設定

2005年07月17日(日) コメント:4 トラックバック:0

リンクについて、以下のような表示を行う。

/* リンクの設定
#277
カテゴリ:107 ブログカスタマイズ

trackback

<<【my footprint】ポップな写真で金曜お会いしましょう『クリッククラックフライデー』 | 【私家版・はじめてのFC2ブログカスタマイズ】#19 CSS編・リンクの設定>>

コメント(-4件)

anonymous:

- */
/* リンクの設定 */
a {
text-decoration
}

オリジナルで「/* アンダーラインなど装飾を施さない */」とコメントされている通り、リンク部分のテキストの修飾にかんするプロパティである。

プロパティ:テキストの装飾(text-decoration)には、以下の値がある。

anonymous:

EXTENDED BODY:

	a:link {
color
}

オリジナル説明文:/* リンクする要素のうち、未閲覧(キャッシュされていない)要素に対してスタイルを適用します */
つまり、
「まだこのリンクはクリックされてないよ」というのを分からせる表示。一般的にはこのように色でメッセージを送る。

CSSで指定されたものは、一般的にはHTML文書作成者によるスタイルシートが最も優先されるが、「!important」をつけることでその順位を変えることができる。ここでは説明にあるように、「/* 文字の色(important=サイト制作者のスタイルよりもユーザーが設定した色を優先する) */」ようになっている。[1]以下、色にかんしてすべてこのimportant指定がされている。


	a:visited {
color
}

オリジナル説明文:/* リンクする要素のうち、閲覧済(キャッシュされている)要素に対してスタイルを適用します */

つまり、「このリンクはもうクリックしたよ~」というのを分からせる表示。色分けすることによって見る人に便宜を図っているというわけ。


	a:hover {
color
}

オリジナル説明文:/* ユーザーがカーソルをその要素の上に置いているが、まだアクティブ状態にしていない時にスタイルを適用します */
「今カーソルはここにあるよ~」という状況を表示。


	a:active {
color
}

オリジナル説明文:/* その要素がユーザーによってアクティブ状態にされた時にスタイルを適用します */
「今クリックされたよ~」という状況を表示。


	a img {
border-style
border-width
text-decoration
}

オリジナル説明文で、/* リンク画像の枠を表示しない */とコメントされている。この部分は、画像にリンクをつけた場合[2]に、その画像に枠をつけるかどうかの設定。

プロパティ・枠線のスタイル(border-style)には、以下の値がある。

  • none

  • hidden

  • solid

  • double

  • groove

  • ridge

  • inset

  • outset

  • dashed

  • dotted

これ面白いので少し試してみよう。


  • hiddenを使った場合
    1. と、偉そうに書いたものの、「ユーザがどのように設定するか」の具体的なイメージがわかない。Macでいう「ユニバーサルアクセス」winの「ユーザー補助」みたいなもの?「ユーザスタイルシート」とは違うよね? 本文に戻る


    2. のような場合。

      (CSSの解説で書くことではないのだが)ただし、画像リンクは、携帯からではリンクが見えなくなってしまうので、携帯からのアクセスが多いブログにはおすすめしない。本文に戻る

    • 1970年01月01日(木)09:00:00
    • URL
    • 編集
-:承認待ちコメント

このコメントは管理者の承認待ちです

  • 1970年01月01日(木)09:00:00
-:承認待ちコメント

このコメントは管理者の承認待ちです

  • 1970年01月01日(木)09:00:00
コメントの投稿

トラックバック(-0件)

http://bittersweetdreams.blog9.fc2.com/tb.php/277-ad24a888

Bookmarked

Blog Battler

ブログバトラー

Twitter

    フリーエリア

    上部の説明

    下部の説明

    Utilities

    Ad

    上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。