自分用メモ
結論:グラデはbackgroundでかけろ。
インライン
<em style="font-size: 200%; background-color: linear-gradient(to bottom, #a18cd1, #fbc2eb);">例えばこういう風に書いても</em>
例えばこういう風に書いても←こうなる
<em style="font-size: 200%; background-image: linear-gradient(to bottom, #a18cd1, #fbc2eb);">背景イメージとしてグラデを指定</em>
背景イメージとしてグラデを指定←こうなる
<em style="font-size: 200%; background: linear-gradient(to bottom, #a18cd1, #fbc2eb);">これでも行ける</em>
これでも行ける←こうなる
ブロック
<div style="font-size: 200%; background-color: linear-gradient(to bottom, #a18cd1, #fbc2eb);">例えばこういう風に書いても</div >
例えばこういう風に書いても
↑こうなる
<div style="font-size: 200%; background-image: linear-gradient(to bottom, #a18cd1, #fbc2eb);">背景イメージとしてグラデを指定</div >
背景イメージとしてグラデを指定
↑こうなる
<div style="font-size: 200%; background: linear-gradient(to bottom, #a18cd1, #fbc2eb);">これでも行ける</div >
これでも行ける
↑こうなる