Specificity Calculator
A visual way to understand CSS specificity. Change the selectors or paste in your own. Specificity Calculator was built by Keegan Street. The specificity calculator JavaScript module is available on GitHub or via npm install specificity. Specificity Calculator is built for CSS Selectors Level 4. Care has been taken to ensure results are accurate. If you find a defect, please report it.
普段使いできそうなCSSの関数4つ - 思ったこと
CSS 2.1の頃からあるやつ url() 言わずもがな body { background : url(images/image.jpg); } counter() 数字を数えられるCSSさん <ol> <li>肉と野菜を炒める</li> <li>水を入れ中火で煮込む</li> <li>カレーのルーを入れる</li> </ol> body { counter-reset: i; } li:before { counter-increment: i; content: "カレーの作り方: " counter(i) "に"; } 実例 応用すればFizzBuzzとかできちゃう 使いそうな場面 cssのcounter()って便利だよなーって話 attr() 要素の値を展開 <p data-foo="hello">world</p> p:before { content:attr(data-fo
vertical-align－スタイルシートリファレンス
vertical-alignプロパティは、行のなかでのテキストや画像などの縦方向の揃え位置を指定する際に使用します。 vertical-alignプロパティを適用できるのは、インライン要素とテーブルセルです。ブロックレベル要素には適用できません。 ■値 baseline 適用した要素のベースラインを親要素のベースラインに揃える（初期値） top 上端揃え middle 中央揃え bottom 下端揃え text-top テキストの上端揃え（テーブルセルへの指定は無効） text-bottom テキストの下端揃え（テーブルセルへの指定は無効） super 上付き文字（テーブルセルへの指定は無効） sub 下付き文字（テーブルセルへの指定は無効） パーセント（%） その要素のline-heightプロパティの値に対する割合を%で指定（ベースラインが揃った状態を0として、正の値なら上、負の値なら
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スタイルシート［CSS］/テキスト・フォント/文字の間隔を指定する - TAG index