コーディングしてるけどこれなんて読むんだっけ？って時ありませんか？あまり口頭でやり取りはしないのですが、たまにあるんです、読み方わからなくて伝わらない時が(笑)

自分用のメモ的要素が大きいですが、使ってください。表にするとスマホでみずらいので表無しで書きます。あまり使わないものは含まれていないのでご注意を
HTMLの読み方はこちらです。
[保存版]今更聞けないHTMLタグと属性の読み方[完全版]

対象のプランを12か月契約でドメインず～っとタダやってます！

CSSプロパティの読み方一覧

a

align-content　アラインコンテンツ
align-items　アラインアイテムズ
align-self　アラインセルフ
alignment-adjust　アライメントアジャスト
alignment-baseline　アライメントベースライン
animation　アニメーション
animation-delay　アニメーションディレイ
animation-direction　アニメーションディレクション
animation-duration　アニメーションデュレイション
animation-fill-mode　アニメーションフィルモード
animation-iteration-count　アニメーションイテレーションカウント
animation-name　アニメーションネーム
animation-play-state　アニメーションプレイステイト
animation-timing-function　アニメーションタイミングファンクション
appearance　アピアランス

b

backface-visibility　バックフェイスビジビリティ
background　バックグラウンド
background-attachment　バックグラウンドアタッチメント
background-break　バックグラウンンドブレイク
background-clip　バックグラウンドクリップ
background-color　バックグラウンドカラー
background-image　バックグラウンドイメージ
background-origin　バックグラウンドオリジン
background-position　バックグラウンドポジション
background-repeat　バックグラウンドリピート
background-size　バックグラウンドサイズ
baseline-shift　ベースラインシフト
bookmark-label　ブックマークラベル
bookmark-level　ブックマークレベル
bookmark-target　ブックマークターゲット
border　ボーダー
border-bottom　ボーダーボトム
border-bottom-color　ボーダーボトムカラー
border-bottom-left-radius　ボーダーボトムレフトレイディアス
border-bottom-right-radius　ボーダーボトムライトレイディアス
border-bottom-style　ボーダーボトムスタイル
border-bottom-width　ボーダーボトムウィドゥス
※ウィドス　ウィッズ　ウィトスなど
border-break　ボーダーブレイク
border-collapse　ボーダーコラプス
border-color　ボーダーカラー
border-image　ボーダーイメージ
border-image-outset　ボーダーイメージアウトセット
border-image-repeat　ボーダーイメージリピート
border-image-slice　ボーダーイメージスライス
border-image-source　ボーダーイメージソース
border-image-width　ボーダーイメージウィドゥス
※ウィドス　ウィッズ　ウィトスなど
border-left　ボーダーレフト
border-left-color　ボーダーレフトカラー
border-left-style　ボーダーレフトスタイル
border-left-width　ボーダーレフトウィドゥス
※ウィドス　ウィッズ　ウィトスなど
border-length　ボーダーレングス
border-radius　ボーダーレイディウス
border-right　ボーダーライト
border-right-color　ボーダーライトカラー
border-right-style　ボーダーライトスタイル
border-right-width　ボーダーライトウィドゥス
※ウィドス　ウィッズ　ウィトスなど
border-spacing　ボーダースペーシング
border-style　ボーダースタイル
border-top　ボーダートップ
border-top-color　ボーダートップカラー
border-top-left-radius　ボーダートップレフトレイディウス
border-top-right-radius　ボーダートップライトレイディウス
border-top-style　ボーダートップスタイル
border-top-width　ボーダートップウィドゥス
※ウィドス　ウィッズ　ウィトスなど
border-width　ボーダーウィドゥス
※ウィドス　ウィッズ　ウィトスなど
bottom　ボトム
box-align　ボックスアライン
box-decoration-break　ボックスデコレーションブレイク
box-direction　ボックスディレクション
box-flex　ボックスフレックス
box-flex-group　ボックスフレックスグループ
box-lines　ボックスラインズ
box-ordinal-group　ボックスオーディナルグループ
box-orient　ボックスオリエント
box-pack　ボックスパック
box-shadow　ボックスシャドウ
box-sizing　ボックスサイジング
break-after　ブレイクアフター
break-before　ブレイクビフォー
break-inside　ブレイクインサイド

ｃ

caption-side　キャプションサイド
clear　クリア
clip　クリップ
color　カラー
color-profile　カラープロフィール
column-count　カラムカウント
column-fill　カラムフィル
column-gap　カラムギャップ
column-rule　カラムルール
column-rule-color　カラムルールカラー
column-rule-style　カラムルールスタイル
column-rule-width　カラムルールウィドゥス
※ウィドス　ウィッズ　ウィトスなど
column-span　カラムスパン
column-width　カラムウィドゥス
※ウィドス　ウィッズ　ウィトスなど
columns　カラムス
content　コンテンツ
counter-increment カウンターインクリメント
counter-reset　カウンターリセット
crop　クロップ
cue　キュー
cue-after　キューアフター
cue-before　キュービフォー
cursor　カーソル

d

display　ディスプレイ
direction　ディレクション
dominant-baseline　ドミナントベースライン
drop-initial-after-adjust　ドロップイニシャルアフターアジャスト
drop-initial-after-align　ドロップイニシャルアフターアライン
drop-initial-before-adjust　ドロップイニシャルビフォーアジャスト
drop-initial-before-align　ドロップイニシャルビフォーアライン
drop-initial-size　ドロップイニシャルサイズ
drop-initial-value　ドロップイニシャルバリュー

e

empty-cells　エンプティーセルズ

f

fit　フィット
fit-position　フィットポジション
filter　フィルター
flex　フレックス
flex-basis　フレックスベイシス
flex-direction　フレックスデコレーション
flex-flow　フレックスフロー
flex-grow　フレックスグロウ
flex-shrink　フレックスシュリンク
flex-wrap　フレックスラップ
float　フロート
font　フォント
font-family　フォントファミリー
font-feature-settings　フォントフューチャーセッティングス
font-kerning　フォントカーニング
font-language-override　フォントランゲージオーバーライド
font-size　フォントサイズ
font-size-adjust　フォントサイズアジャスト
font-stretch　フォントストレッチ
font-style　フォントスタイル
font-synthesis　フォントシンセシス
font-variant　フォントバリアント
font-variant-alternates　フォントバリアントオルタネイツ
font-variant-caps　フォントバリアントキャプス
font-variant-east-asian　フォントバリアントイーストアジアン
font-variant-ligatures　フォントバリアントリガチャーズ
font-variant-numeric　フォントバリアントニューメリック
font-variant-position　フォントバリアントポジション
font-weight　フォントウェイト

g

grid-cell　グリッドセル
grid-column　グリッドカラム
grid-column-align　グリッドカラムアライン
grid-column-sizing　グリットカラムサイジング
grid-column-span　グリットカラムスパン
grid-columns　グリットカラムス
grid-flow　グリットフロー
grid-row　グリットロー
grid-row-align　グリットローアライン
grid-row-sizing　グリットローサイジング
grid-row-span　グリットロースパン
grid-rows　グリットローズ
grid-template　グリットテンプレート
grid-template-rows　グリットテンプレートローズ
grid-template-columns　グリットテンプレートカラムス

h

hanging-punctuation　ハンギングパンクチュエーション
height　ハイト
hover　ホバー
href　エイチレフ
hyphens　ハイフンズ

i

icon　アイコン
ime-mode　アイエムイーモード（input method editor）
image-orientation　イメージオリエンテーション
image-resolution　イメージレゾリューション
inline-box-align　インラインボックスアライン

j

justify-content　ジャスティファイコンテンツ

k

l

left　レフト
letter-spacing　レタースペーシング
line-break　ラインブレイク
line-height　ラインハイト
line-stacking　ラインスタッキング
line-stacking-ruby　ラインスタッキングルビ
line-stacking-shift　ラインスタッキングシフト
line-stacking-strategy　ラインソタッキングストラテジー
link　リンク
list-style　リストスタイル
list-style-image　リストスタイルイメージ
list-style-position　リストスタイルポジション
list-style-type　リストスタイルタイプ

m

margin　マージン
margin-bottom　マージンボトム
margin-left　マージンレフト
margin-right　マージンライト
margin-top　マージントップ
marker-offset　マーカーオフセット
marks　マークス
marquee-direction　マーキーディレクション
marquee-play-count　マーキープレイカウント
marquee-speed　マーキースピード
max-height　マックスハイト
max-width　マックスウィドゥス
※ウィドス　ウィッズ　ウィトスなど
min-height　ミンハイト（minimum）
min-width　ミンマックスウィドゥス（minimum）
※ウィドス　ウィッズ　ウィトスなど
move-to　ムーブトゥ

n

nav-down　ナビダウン
nav-index　ナビインデックス
nav-left　ナビレフト
nav-right　ナビライト
nav-up　ナビアップ

o

object-fit　オブジェクトフィット
object-position　オブジェクトポジション
opacity　オパシティ
optional　オプショナル
order　オーダー
orphans　オーファンズ
outline　アウトライン
outline-color　アウトラインカラー
outline-offset　アウトラインオフセット
outline-style　アウトラインスタイル
outline-width　アウトラインウィドゥス
※ウィドス　ウィッズ　ウィトスなど
overflow　オーバーフロー
overflow-style　オーバーフロースタイル
overflow-wrap　オーバーフローラップ
overflow-x　オーバーフローエックス
overflow-y　オーバーフローワイ

p

padding　バディング
padding-bottom　パディングボトム
padding-left　パディングレフト
padding-right　パディングライト
padding-top　パディングトップ
page　ページ
page-break-after　ページブレイクアフター
page-break-before　ページブレイクビフォー
page-break-inside　ページブレイクインサイド
page-policy　ページポリシー
pause　ポーズ
pause-after　ポーズアフター
pause-before　ポーズビフォー
perspective　パースペクティブ
perspective-origin　パースペクティブオリジン
position　ポジション

q

quotes　クオーツ

r

resize　リサイズ
rest　リスト
rest-after　リストアフター
rest-before　リストビフォー
right　ライト
ruby-align　ルビアライン
ruby-overhang　ルビオーバーハング
ruby-position　ルビポジション
ruby-span　ルビスパン

s

scrollbar-arrow-color　スクロールバーアローカラー
scrollbar-base-color　スクロールバーベースカラー
scrollbar-darkshadow-color　スクロールバーダークシャドウカラー
scrollbar-face-color　スクロールバーフェイスカラー
scrollbar-3dlight-color　スクロールバースリーディライトカラー
scrollbar-highlight-color　スクロールバーハイライトカラー
scrollbar-shadow-color　スクロールバーシャドウカラー
scrollbar-track-color　スクロールバータラックカラー
selection　セレクション
size　サイズ
speak　スピーク
speak-as　スピークアズ

t

tab-size　タブサイズ
table-layout　テーブルレイアウト
target　ターゲット
target-name　ターゲットネーム
target-new　ターゲットニュー
target-position　ターゲットポジション
text-align　テキストアライン
text-align-last　テキストアラインリスト
text-autospace　テキストオートスペース
text-combine-horizontal　テキストコンバインホリゾンタル
text-combine-mode　テキストコンバインモード
text-decoration　テキストデコレーション
text-decoration-color　テキストデコレーションカラー
text-decoration-line　テキストデコレーションライン
text-decoration-skip　テキストデコレーションスキップ
text-decoration-style　テキストデコレーションスタイル
text-emphasis　テキストエンファシス
text-emphasis-color　テキストエンファシスカラー
text-emphasis-position　テキストエンファシスポジション
text-emphasis-style　テキストエンファシススタイル
text-height　テキストハイト
text-indent　テキストインデント
text-justify　テキストジャスティファイ
text-orientation　テキストオリエンテーション
text-overflow　テキストオーバーフロー
text-shadow　テキストシャドウ
text-transform　テキストトランスフォーム
text-underline-position　テキストアンダーラインポジション
top　トップ
transform　トランスフォーム
transform-origin　トランスフォームオリジン
transform-style　トランスフォームスタイル
transition　トランジション
transition-delay　トランジションディライ
transition-duration　トランジションデュレーション
transition-property　トランジションプロパティ
transition-timing-function　トランジションタイミングファンクション
transparent　トランスペアレント

u

unicode-bidi　ユニコードビディ（bi-directional）

v

vertical-align　バーティカルアライン
visibility　ビジビリティ
voice-balance　ボイスバランス
voice-duration　ボイスディレクション
voice-family　ボイスファミリー
voice-pitch　ボイスピッチ
voice-range　ボイスレインジ
voice-rate　ボイスレート
voice-stress　ボイスストレス
voice-volume　ボイスボリューム

w

white-space　ホワイトスペース
widows　ウィンドウズ
width　ウィドゥス
※ウィドス　ウィッズ　ウィトスなど
word-break　ワードブレイク
word-spacing　ワードスペーシング
word-wrap　ワードラップ
writing-mode　ライティングモード

x

y

z

z-index　ゼットインデックス
zoom　ズーム

まとめ

HTMLにくらべてCSSは量が多かったです。

また、widthの読み方が人それぞれということもわかりました。
中には横幅って読めばいいんじゃない？って人も。

著名なコーダーがみなさんこう読みましょう！と決めてくれればいいのになって思います。

ここまで長い道のりだったと思いますが読んでいただきありがとうございました。

HTMLの読み方はこちら
[保存版]今更聞けないHTMLタグと属性の読み方[完全版]

対象のプランを12か月契約でドメインず～っとタダやってます！