フロントエンドシリーズチュートリアルのCSS(枠線と輪郭)
1627 ワード
枠線
枠線画像の設定
下ボーダーの設定
左側の枠線の設定
右ボーダーの設定
上部枠線の設定
の輪郭をかく
• border
• border-color
, 1 4 。
• border-radius
, border-*-radius
• border-style
• border-width
• box-shadow
枠線画像の設定
• border-image
, border-image- *
• border-image-outset
• border-image-repeat
(repeated)、 (stretched) (rounded)
• border-image-slice
• border-image-source
, border-style
• border-image-width
下ボーダーの設定
• border-bottom
,
• border-bottom-color
• border-bottom-left-radius
• border-bottom-right-radius
• border-bottom-style
• border-bottom-width
左側の枠線の設定
• border-left
,
• border-left-color
• border-left-style
• border-left-width
右ボーダーの設定
• border-right
,
• border-right-color
• border-right-style
• border-right-width
上部枠線の設定
• border-top
,
• border-top-color
• border-top-left-radius
• border-top-right-radius
• border-top-style
• border-top-width
の輪郭をかく
• outline
,
• outline-color
• outline-style
outline
• outline-width