読者です 読者をやめる 読者になる 読者になる

7cc@はてなブログ

JavaScriptとかとか

CSS transformが効かない

CSS transformの適用される要素は決まっている。transformable elementsと呼ばれる。

transformable elements(変形可能要素)

  • Block-level elements
  • atomic inline-level boxes:
    replaced inline-level elements, inline-block elements, and inline-table elements
    (置換インライン要素: img, input, buttonなど)
  • display: table-* が指定された要素
  • SVG (IE9だと効かない)

つまり適用されない要素は

  • 普通のinline要素 = 非置換インライン要素。span, em, など。
  • あとは・・・何だろう?

参照


微妙に用語が異なる。一貫してほしいところ。
transform => atomic inline-level element
視覚整形 => atomic inline-level box