Skip to content

Instantly share code, notes, and snippets.

@maepon
Last active September 4, 2018 07:46
Show Gist options
  • Save maepon/a67c4d79ef8d65244f0d to your computer and use it in GitHub Desktop.
Save maepon/a67c4d79ef8d65244f0d to your computer and use it in GitHub Desktop.

Revisions

  1. maepon revised this gist Nov 26, 2015. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions 20151126.md
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,8 @@

    # [テキスト周りのスタイリングに使えるCSSプロパティやスニペット | NxWorld](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html)がいい感じだったのでざっくりCanIuseでしらべてみた。

    ※ 「基本問題なし」と書いているのはIE8以降/Android4.1/iOS8以降なら大体問題無いでしょうという意味です。

    ## [1. アンチエイリアスを設定する](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor01)

    [http://caniuse.com/#search=font-smoothing](http://caniuse.com/#search=font-smoothing)
  2. maepon revised this gist Nov 26, 2015. No changes.
  3. maepon revised this gist Nov 26, 2015. 1 changed file with 31 additions and 0 deletions.
    31 changes: 31 additions & 0 deletions 20151126.md
    Original file line number Diff line number Diff line change
    @@ -80,5 +80,36 @@
    - IE10以降
    - 他は問題なし

    ## [15. ブラーテキストを表示する](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor15)

    - おそらくIE9以下はなにも表示されないかと
    - 他は基本問題なし

    ## [16. テキストにグラデーションをかける](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor16)

    - デスクトップのChromeとSafari向けと割り切るぐらいがいいかと(iOS9のSafariは大丈夫っぽいですが)

    ## [17. 強調文字をより目立たせる](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor17)

    - [http://caniuse.com/#search=linear-gradient](http://caniuse.com/#search=linear-gradient)

    - IEは10以降、他は問題なし

    ## [16.英テキストの大文字・小文字・スモールキャップス表示を指定する](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor18)

    - 基本問題なし

    ## [19. 段組表示を実装する](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor19)

    [http://caniuse.com/#search=column](http://caniuse.com/#search=column)

    - IE10以降問題なし
    - 要prefix

    ## [20. テキストを縦書きにする](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor20)

    [http://caniuse.com/#search=writing-mode](http://caniuse.com/#search=writing-mode)

    - IEは8以降対応済み(ただし、指定の記述に注意)
    - webkit,blink系は要prefix

  4. maepon revised this gist Nov 26, 2015. 1 changed file with 2 additions and 1 deletion.
    3 changes: 2 additions & 1 deletion 20151126.md
    Original file line number Diff line number Diff line change
    @@ -77,7 +77,8 @@

    [http://caniuse.com/#search=text-shadow](http://caniuse.com/#search=text-shadow)

    - IE10以降で基本問題なし
    - IE10以降
    - 他は問題なし



  5. maepon revised this gist Nov 26, 2015. 1 changed file with 79 additions and 2 deletions.
    81 changes: 79 additions & 2 deletions 20151126.md
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,83 @@

    # [テキスト周りのスタイリングに使えるCSSプロパティやスニペット | NxWorld](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html)がいい記事だったのでざっくりCanIuseでしらべてみた
    # [テキスト周りのスタイリングに使えるCSSプロパティやスニペット | NxWorld](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html)がいい感じだったのでざっくりCanIuseでしらべてみた

    ## [1. アンチエイリアスを設定する](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor01)

    [Can I use...](http://caniuse.com/#search=font-smoothing)
    [http://caniuse.com/#search=font-smoothing](http://caniuse.com/#search=font-smoothing)

    - MacOSのFirefox/Chromeのみ
    - 要prefix


    ## [2. テキスト選択時のハイライトカラーを変更する](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor02)

    [http://caniuse.com/#search=%3A%3Aselection](http://caniuse.com/#search=%3A%3Aselection)

    - iOSのSafari以外OK
    - Firefoxは要prefix
    - IEは10以降(要prefix)


    ## [3. テキスト選択を無効にする](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor03)

    [http://caniuse.com/#search=user-select](http://caniuse.com/#search=user-select)

    - 全て要prefix(IEは10以降)

    ## [4. 文字間隔を調整する](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor04)

    [http://caniuse.com/#search=letter-spacing](http://caniuse.com/#search=letter-spacing)

    - 基本問題なし
    - IE8は一部対応(バグあり)

    ## [5. 先頭の文字を字下げする](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor05)

    - 基本問題なし

    ## [6. 2行目以降を字下げする](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor06)

    - 基本問題なし

    ## [7. 先頭の文字を○○する](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor07)

    - 基本問題なし

    ## [8. 最初の行だけ○○する](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor08)

    - 基本問題なし

    ## [9. 文字を折り返させない(改行させない)](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor09)

    - 基本問題なし

    ## [10. 文字を折り返させる(改行させる)](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor10)

    [http://caniuse.com/#search=word-wrap](http://caniuse.com/#search=word-wrap)

    - 基本問題なし

    ## [11. テキストを両端揃え](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor11)

    - 基本問題なし
    - 最近は日本語でもOK

    ## [12. テキストを省略する](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor12)

    - 基本問題なし

    ## [13. 長体や平体で表示する](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor13)

    - IE8以外基本問題なし
    - IE9は要prefix、Safariも現行のひとつ前が要prefix

    ## [14. テキストに縁取りをつける](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor14)

    ※ text-shadow

    [http://caniuse.com/#search=text-shadow](http://caniuse.com/#search=text-shadow)

    - IE10以降で基本問題なし



  6. maepon created this gist Nov 26, 2015.
    6 changes: 6 additions & 0 deletions 20151126.md
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,6 @@

    # [テキスト周りのスタイリングに使えるCSSプロパティやスニペット | NxWorld](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html)がいい記事だったのでざっくりCanIuseでしらべてみた。

    ## [1. アンチエイリアスを設定する](http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html#anchor01)

    [Can I use...](http://caniuse.com/#search=font-smoothing)