読み方プロトコル

z-index

ぜっといんでっくす

大まかな意味

CSSのプロパティ。
positionプロパティを使った時の、重なり順を指定する。

適当な使用例

大きな数値ほど、上に表示される。

<div style="background-color:red;width:100px;height:100px;
		position:absolute;top:0;left:0;
		z-index:5;">
	z-index: 5
</div>
<div style="background-color:yellow;width:100px;height:100px;
		position:absolute;top:20px;left:60px;
		z-index:100;">
	z-index: 100
</div>
<div style="background-color:blue;width:100px;height:100px;
		position:absolute;top:40px;left:20px;
		z-index:1;">
	z-index: 1
</div>
出力結果
z-index: 5
z-index: 100
z-index: 1

読み方プロトコルとは

Web制作の現場で何気なく使われている、PHPの関数や、HTMLのタグ。
英語がベースになっている事がほとんどですが、読み方に困った事はないでしょうか?

仕事仲間とのやりとりなら、適当に済ませる事ができますが、そうはいかない場面もあります。
私の場合、講師のまねごとをさせていただいた経験があり、人前で話しながら読み方が正しいのか不安になった事が多々ありました。
普段はキーボードで打つだけですし、自分の頭の中だけで、勝手な読みを決めってしまっていたのです。
このままではまずいと思い、調べてまとめていく内に、それなりの数になってきました。
せっかくなので公開し、多くの人に活用、判定していただく事にしました。
「こっちの方が一般的ではないか?」と感じる場合は、ぜひご指摘いただければと思います。

よろしくお願いします。