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 | 31 |
Tags
- error
- ChangeDetectorRef
- 이미지바꾸기
- sealize
- php
- oh-my-zsh
- getElementsByClassName
- code .
- ion-range
- 테두리굵기
- rxjs
- 자바스크립개념
- angular
- IONIC3
- Ionic
- VSCode
- Git
- fromEvent
- zsh
- aab 배포
- change detection
- hashchange
- 변화감지
- Sentry
- border-width
- Visual Studio Code
- NVM
- typescript
- angular5
- JavaScript
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 |