border-bottom
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since 2015ë 7ì.
border-bottom CSS ë¨ì¶ ìì±ì ììì ìë쪽 í
ë리를 ì¤ì í©ëë¤. border-bottom-width, border-bottom-style, border-bottom-colorì ê°ì ì§ì í©ëë¤.
ìëí´ ë³´ê¸°
border-bottom: solid;
border-bottom: dashed red;
border-bottom: 1rem solid;
border-bottom: thick double #32a1ce;
border-bottom: 4mm ridge rgba(211, 220, 50, 0.6);
<section class="default-example" id="default-example">
<div class="transition-all" id="example-element">
This is a box with a border around it.
</div>
</section>
#example-element {
background-color: #eee;
color: #8b008b;
padding: 0.75em;
width: 80%;
height: 100px;
}
ë¤ë¥¸ ë¨ì¶ ìì±ê³¼ ë§ì°¬ê°ì§ë¡, border-bottomë ìì ì´ í¬í¨í 모ë ê°ì ì§ì íë©° ì¬ì©ìê° ëª
ìíì§ ìì ìì±ë 기본ê°ì¼ë¡ ì¤ì í©ëë¤. ì¦, ìë ë ì½ëë ì¬ì¤ ëì¼í©ëë¤.
border-bottom-style: dotted;
border-bottom: thick green;
border-bottom-style: dotted;
border-bottom: none thick green;
ë°ë¼ì border-bottomë³´ë¤ ë¨¼ì ì§ì í border-bottom-styleì ê°ì 무ìë©ëë¤. border-bottom-styleì 기본ê°ì noneì´ë¯ë¡, border-styleì ëª
ìíì§ ìì¼ë©´ í
ë리를 ë§ë¤ì§ ììµëë¤.
구문
border-bottom: 1px;
border-bottom: 2px dotted;
border-bottom: medium dashed green;
border-bottomì í ê°ìì ì¸ ê°ì ê°ì ì¬ì©í´ ì§ì í ì ìê³ , ììë ìê´íì§ ììµëë¤.
ê°
íì 구문
border-bottom =
<line-width> ||
<line-style> ||
<color>
<line-width> =
<length [0,â]> |
hairline |
thin |
medium |
thick
<line-style> =
none |
hidden |
dotted |
dashed |
solid |
double |
groove |
ridge |
inset |
outset
ìì
<div>ìë쪽 í
ë리를 ê°ì§ ììì
ëë¤.</div>
div {
border-bottom: 4px dashed blue;
background-color: gold;
height: 100px;
width: 100px;
font-weight: bold;
text-align: center;
}
ëª ì¸
| Specification |
|---|
| CSS Backgrounds and Borders Module Level 3 # border-shorthands |
| ì´ê¸°ê° | as each of the properties of the shorthand:
|
|---|---|
| ì ì©ëì | all elements. It also applies to ::first-letter. |
| ìì | no |
| ê³ì° ê° | as each of the properties of the shorthand:
|
| Animation type | as each of the properties of the shorthand:
|