新人デザイナーが最初にぶち当たる試練に、英語があったりします。

自分だけが知らないのかと思って、先輩聞けずなんとなくごまかしているうちに・・・いまさら聞けないし・・・みたいになっていませんか？。そこで今回の記事では、CSSプロパティー関連の英語で読みにくいものをピックアップしてみました。

発音をチェックできるリンクも付けてますので、実際に耳で聞いてチェックしてみてください。

1. text-align

アラインです。g は発音しません。 
私は昔「アリジン」と読んでいました。蟻人みたいですね。

2. margin

こちらは g を発音して、マージンです。

3. width

これは難しい！。d の音がほどんど聞こえないし、ネイティブでも発音が揺れるので、一概には言えないのですが、ウィドゥス、ウィトス、ウィズなどと読みます。
ただし、with と区別するために、ワイズと読んだりもします。 

4. height

ハイトと読みます。

5. vertical-align

バーティカル、バーチカルと読みます。

6. horizontal-align

ホリゾンタルと読みます。
horizon は、「ホライゾン」が近い読みですが、horizontal は、「ホリゾンタル」が近い読みになります。
まぎらわしいですね。 

7. position:relative

レラティブと読みます。
relate は、「リレイト」が近い読みですが、relative は、「レラティブ」が近い読みになります。
ただ日本では、リレイティブが一般化してしまっているので、リレイティブでもいいような気がします。

8. border-collapse

コラプス、コラップスと読みます。

9. column-count

カラム、コラムと読みます。
最後の n は発音しません。

10. border-radius

レイジアス、レイディアスと読みます。
理由は調べられませんでしたが、ラジウス、ラジアスも一般的なようです。

11. background-gradient

これも一概には言えない・・・、グラディエント, グラジエントがGoolgleで検索した結果
多かったです。この辺りには正解はないかもしれません。
※ ちなみに下を聞く限り「グレディアント」に聞こえます。

12. opacity

オパシティと読みます。

13. word-wrap

ラップと読みます。w は発音しません。
サランラップのラップです。

14. font-size:inherit

インヘリット、インハリット、インハーリットなどと読みます。
her の部分が中間音なので、揺れます。

15. visibility:hidden

ヒドゥン、ヒドンと読みます。
input タグの type 属性にもあるやつです。

16. text-overflow:ellipsis

エリプシスと読みます。省略記号「…」の意味です。

余談になりますが、Dreamweaver は、「ドリームウィーバー」です。
waver ではないので、「ドリームウェーバー」ではありません。
これも知っておくと、新人に先輩顔できます。