てがろぐ - Fumy Otegaru Memo Logger -
2025年9月2日(火) 00:29:43〔19時間前〕 更新
■No.4345, No.4344, No.4343, No.4342, No.4341, No.4340, No.4339［7件］ （ 7 件 ）
■フリースペース： 編集
ここは、CGIの設定画面から自由に文章を入力して掲載できるスペースです。スキンを編集しなくてもCGI上から手軽に内容を変更できます(HTML使用可)。
動作サンプルです。◆他のスキン：標準スキン, 昔のツイッターっぽいスキン(ピンク版), 付箋型スキン, シンプル日記スキン, ジャーナル(日誌)スキン, ブログタイプスキン, チャットタイプスキン, 黒板スキン 《てがろぐCGIの配布ページに戻る》
動作サンプルです。◆他のスキン：標準スキン, 昔のツイッターっぽいスキン(ピンク版), 付箋型スキン, シンプル日記スキン, ジャーナル(日誌)スキン, ブログタイプスキン, チャットタイプスキン, 黒板スキン 《てがろぐCGIの配布ページに戻る》
■日付検索：
■全文検索：
〔543文字〕 編集
2024/03/07 (Thu)
01:00:34
No.4341
by
にしし
〔1年以上前〕
リンクテキストを装飾したい場合の方法 #🌱豆知識
てがろぐでは、記法の制約からリンクテキストの一部に装飾を加えることはできません。
しかし、「リンクテキストの一部分」ではなく「リンクテキストの全部」を一括装飾すれば良いなら、方法はあります。
例えば、
[B: [リンクテキスト]https://www.example.com/ ]
……のように、リンク記法の外側に装飾記法を書けば、その装飾（ここでは太字）が適用されます。
しかし、
[C:crimson: [リンクテキスト]https://www.example.com/ ]
……のように配色を指定しても、CSS側またはブラウザデフォルトの「リンクの色」の方が優先適用されてしまいますから、色は変わりません。
とはいえ、あらかじめ以下のCSSソースを加えておけば、色指定も反映させられます。
.decorationC a {
color: inherit;
}
※inherit は、親要素の値を採用する、という意味の値です。
なので、上記のCSSがあれば、てがろぐの文字色を指定する記法の内側にあるリンクに関しては、（通常のリンク色を無視して）親要素の文字色（＝てがろぐ側の装飾記法で指定された配色）で表示されます。
てがろぐでは、記法の制約からリンクテキストの一部に装飾を加えることはできません。
しかし、「リンクテキストの一部分」ではなく「リンクテキストの全部」を一括装飾すれば良いなら、方法はあります。
例えば、
[B: [リンクテキスト]https://www.example.com/ ]
……のように、リンク記法の外側に装飾記法を書けば、その装飾（ここでは太字）が適用されます。
しかし、
[C:crimson: [リンクテキスト]https://www.example.com/ ]
……のように配色を指定しても、CSS側またはブラウザデフォルトの「リンクの色」の方が優先適用されてしまいますから、色は変わりません。
とはいえ、あらかじめ以下のCSSソースを加えておけば、色指定も反映させられます。
.decorationC a {
color: inherit;
}
※inherit は、親要素の値を採用する、という意味の値です。
なので、上記のCSSがあれば、てがろぐの文字色を指定する記法の内側にあるリンクに関しては、（通常のリンク色を無視して）親要素の文字色（＝てがろぐ側の装飾記法で指定された配色）で表示されます。
