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プロパティを使用するとボーダーのスタイル・太さ・色をまとめて指定できます。
-
前の記事
overflowの読み方 2020.06.15
-
次の記事
dottedの読み方 2020.06.15