dottedの読み方

HTML用語「dotted」の読み方を掲載してます。

読み⽅

ドッティトゥ、または、ドッティドゥ。
読み方を間違えて、昔ドトットと読んでいました。間違えてることに長期間気づかなかった。

英訳

点付きの; 点線入りの。
点を意味する「dot」の過去形、または過去分詞。

dotted とは

dottedとは、ボーダーのスタイルを指定するborder-styleプロパティの値です。

border-styleプロパティの値
・none
　ボーダーは表示されず、太さも0になります。初期値。
・hidden
　ボーダーは表示されず、太さも0になります。
・solid
　1本線で表示されます。
・double
　2本線で表示されます。
・groove
　立体的に窪んだ線で表示されます。
・ridge
　立体的に隆起した線で表示されます。
・inset
　上と左のボーダーが暗く、下と右のボーダーが明るく表示され、ボーダーで囲まれた領域全体が立体的に窪んだように表示されます。上下左右の一部だけに指定しても立体感は出ません。
・outset
　上と左のボーダーが明るく、下と右のボーダーが暗く表示され、ボーダーで囲まれた領域全体が立体的に隆起したように表示されます。上下左右の一部だけに指定しても立体感は出ません。
・dashed
　破線で表示されます。
・dotted
　点線で表示されます。

※ブラウザによってはうまく表示されない値があるので注意。　　　　

使用例
#style {
border: dotted 1px #0000ff;
}
styleのボックスに1pxの太さで青色の点線のボーダーで囲みます。
borderプロパティを使用するとボーダーのスタイル・太さ・色をまとめて指定できます。