前の記事次の記事 Rehype Pretty Codeを使いこなす テキスト処理第3回 行番号と行の強調ハイライトコードブロックに付与できるメタ情報を使って、行番号の表示と、注目させたい行のハイライト強調表示を行ってみましょう。2024年06月20日(587号)菅野 亜実フロントエンド・エンジニア 目次 前回まで コードブロックごとのメタ情報 行番号を表示する HTML構造とdata属性 CSSカウンターによる行番号表示 開始番号の指定 行番号や余白のスタイル調整 その他のスタイル 特定の行をハイライト表示する HTML構造とdata属性 ハイライト表示のアイデア まとめ シェア この記事を読むには購読の手続きが必要です購読の手続きへ購読済みの方はログイン月額880円(税込)初めてお申し込みの方は、30日間無料でお使いいただけます
Webフォント/アイコンフォントGoogle Fontsで学ぶWebフォントの基本 最終回2026年03月26日無料公開中 next/font/googleの詳細設定藤田 智朗フロントエンド・エンジニア