CSS ::first-letter 疑似要素| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル

::first-letter 疑似要素 CSS プロパティとは

トピック:指定されたセレクタの最初のブロックレベル要素の文字にスタイルを追加するために使用する、事ができる

疑似要素 セレクター ::first-letter

実例 コード 1

サンプル コードを試す
    p::first-letter { 
        font-size: 150%;
        color: red;
    }
    /* <p> の最初の文字を選択します */

構文

::first-letter { css : properties ; }
 疑似要素名 {スタイル要素のプロパティ : プロパティ値; }
CSS バージョンCSS 3 ::first-letter
CSS バージョンCSS 2 :first-letter
    情報:
  • メモ: CSS3 では疑似クラス疑似要素を見分けやすくするために、 ::first-letter の表記法(ダブルコロン)が導入されたブラウザーでは CSS2 で導入された :first-letter も使用できます。

サポートするデスクトップ ブラウザ対応・互換性

PropertyDesktop 互換性
::first-letterChromeEdgeFirefoxInternet ExplorerOperaSafari
基本 サポートフルサポート◯1フルサポート◯ありフルサポート◯1フルサポート◯9フルサポート◯7フルサポート◯1

サポートするモバイル ブラウザ対応・互換性

PropertyMobile 互換性
::first-letterAndroidChrome for Android
Edge MobileFirefox for Android
Opera for Android
iOS SafariSamsung Internet
基本 サポート 不明 不明フルサポート◯ありフルサポート◯4 不明 不明 不明
::first-letter 疑似要素 関連記事
CSS ::first-letter 疑似要素| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル
CSS ::first-letter 疑似要素 | CSS プロパティ 値| 意味 使い方 実例 – WebRef
あわせて読みたい

Html

Glossary

PHP

JavaScript

JQuery

CSS