皇帝ペンギンブログ – ページ 6

ページトップへ

擬似要素の「::first-letter」を使うと何ができるのか？
「ドロップキャップ」が作れる！
擬似要素の「::first-letter」の使い方！
連なった記号など（punctuation）にも適用される
擬似要素の「::before」でつけた文字にも適用される
擬似要素の「::first-letter」を使う上での注意点！
「display: flex」だと効かない
「display: grid」でも効かない
「利用可能なプロパティ」は限られている
擬似要素の「::first-letter」の使用例！
次兄弟結合子の「+」と組み合わせて、h2のすぐ下の段落にスタイルを当てる
参考リンク。
あわせて読みたい記事。
まとめ

皇帝ペンギンブログ

新着記事一覧

【CSS】擬似要素の「::first-letter」の使い方！【分かりやすい】

CSSのセレクター編

2024/05/08(更新日:2024/07/11)

【CSS】擬似要素の「::after」の使い方！【分かりやすい】

CSSのセレクター編

2024/05/07(更新日:2024/07/11)

【CSS】擬似要素の「::before」の使い方！【分かりやすい】

CSSのセレクター編

2024/05/07(更新日:2024/07/11)

【CSS】「擬似要素」とは何か？基本的な使い方を丁寧に解説！【分かりやすい】

CSSのセレクター編

2024/05/05(更新日:2024/07/11)

【CSS】擬似クラスの「:not()」の使い方！【分かりやすい】

CSSのセレクター編

2024/05/02(更新日:2024/07/11)

【CSS】擬似クラスの「:target」の使い方！【分かりやすい】

CSSのセレクター編

2024/04/30(更新日:2024/07/11)

【CSS】擬似クラスの「:root」の使い方！【分かりやすい】

CSSのセレクター編

2024/04/28(更新日:2024/07/11)

【CSS】擬似クラスの「:lang()」の使い方！【分かりやすい】

CSSのセレクター編

2024/04/28(更新日:2024/07/11)

【CSS】擬似クラスの「:empty」の使い方！【分かりやすい】

CSSのセレクター編

2024/04/28(更新日:2024/07/11)

【CSS】擬似クラスの「:invalid」の使い方！【分かりやすい】

CSSのセレクター編

2024/04/26(更新日:2024/07/11)

6 / 22« 先頭 «...4 567 8...20...»最後 »

自分のロゴ！

皇帝ペンギン

全力で、書きます。
少しでもお役に立てたら幸いです。
楽しんで読んで下さい。-_- 。
よろしくお願いします！

x（旧twitter） youtube

Categories

トップへ
programming (148)
- CSSのアニメーション編 (26)
- CSSのグリッドレイアウト編 (1)
- CSSのセレクター編 (58)
- CSSのフレックスボックス編 (1)
- CSSのメディアクエリー編 (7)
- CSSの基本編 (34)
- HTMLのform部品編 (1)
- HTMLの基本編 (3)
- JavaScriptの基本編 (16)
- Web制作をする環境を整えよう！ (1)
Uncategorized (21)
VScode (1)
おすすめ商品！ (1)
クラロワ (2)
マーケティング (17)
大学生活 (6)
心理学 (9)
映画 (1)
法学 (4)
経済学 (4)
読書 (7)

Pages

プライバシーポリシー
免責事項
プロフィール

Archive

© Copyright Syuta Chiba, 2019 All Rights Reserved.