Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 자바스크립개념
- sealize
- Git
- 이미지바꾸기
- error
- border-width
- aab 배포
- rxjs
- 변화감지
- ion-range
- ChangeDetectorRef
- NVM
- 테두리굵기
- VSCode
- Ionic
- zsh
- fromEvent
- hashchange
- typescript
- php
- IONIC3
- angular
- oh-my-zsh
- JavaScript
- angular5
- code .
- Sentry
- change detection
- Visual Studio Code
- getElementsByClassName
Archives
- Today
- Total
hsunny study blog
[css]테두리 너비 지정하기 (border-width) 본문
border-width
요소 테두리의 너비를 지정할 수 있는 CSS 속성입니다.
속성 지정하기
1. thin | medium | thick 를 이용하여 굵기를 지정할 수 있습니다.
#css1 {
border-width: thick;
}
|
2. 굵기를 직접 지정할 수 있습니다.
#css1 {
border-width: 4px;
}
|
단위는 px, em, rem 등 자유롭게 사용하면 됩니다.
3. 상, 우, 좌, 하 각각 굵기를 지정할 수 있습니다.
#css1 {
/* 위 | 오른쪽 | 아래 | 왼쪽 */
border-width-4: 1px 2em 0 4rem;
}
|
자세히 알아보기
데모 및 더 많은 정보는 공식문서(바로가기)에서 확인할 수 있습니다.
'programming > html&css' 카테고리의 다른 글
<textarea>placeholder 특징 (0) | 2018.03.28 |
---|---|
이미지 정렬 맞추기 (0) | 2018.03.28 |
window.print() 시 속성주기 (0) | 2017.09.05 |