CSS 프로파일 너비

CSS 프로파일 너비

outline-width 경계선 너비를 지정하는 속성이며 다음 중 하나의 값을 설정할 수 있습니다：

  • thin（일반적으로 1px）
  • 중간(일반적으로 3px)
  • 두꺼운(일반적으로 5px)
  • 특정 크기(px, pt, cm, em 단위)

다음은 다양한 너비의 경계선을 보여주는 예제입니다:

얇은 경계선.

중간 경계선.

두꺼운 경계선.

4픽셀 두꺼운 경계선.

예제

p.ex1 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: 얇은;
}
p.ex2 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: 중간;
}
p.ex3 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: 두꺼운;
}
p.ex4 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: 4px;
}

직접 시도해 보세요