パーツ番号 09-11-01 ・ CSSのみ

5段階星評価(固定値表示)

星の数で評価値を示す最も基本的な表示形式。商品カードやレビュー欄の評価表示に使える。

staticcss

プレビュー

ソースコード

HTML

<div class="stars" aria-label="5段階中4">
          <span class="on">★</span><span class="on">★</span><span class="on">★</span><span class="on">★</span><span>★</span>
        </div>

CSS

.d09-11-01 .stars{ font-size:32px; letter-spacing:4px; color:#e2e5ea; }
        .d09-11-01 .stars .on{ color:#f5a623; }

クラス名 .d09-11-01 は本ライブラリ内での識別用です。複数のパーツを同じページで使う場合は、重複しないよう名前を変更してください。