dashedの読み方

dashedの読み方

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

読み⽅

ダッシュトゥ、 ダァシュトゥ。

英訳

dashの意味は、勢いよく走ること。打ち付ける、ぶつけるなど。
この場合は、横棒状の約物の総称で、「dashed」は動詞「dash」の過去形、または過去分詞。

dashedとは

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

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

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

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