CSS: border-bottom-style

CSS : border-bottom-right-radius

div {border-bottom-style: dotted;}

border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

아래 태두리 스타일 설정속성

border-bottom-style속성은 요소의 아래쪽 테두리의 스타일을 설정합니다.

이 속성을 사용하면 요소에 둥근 테두리를 추가 할 수 있습니다!

두 값을 설정하면 첫 번째 값은 아래쪽 테두리 용이고 두 번째 값은 왼쪽 테두리 용입니다.

두 번째 값이 생략되면 첫 번째 값에서 복사됩니다. 길이가 0이면 모서리가 둥글 지 않고 사각형입니다.

속성값

• none :경계선을 지정하지 않습니다. 기본값입니다.
• hidden : 테이블 요소에 대한 테두리 충돌 해결 방법을 제외하고 “없음”과 동일하게 숨겨짐
• dotted : 점 테두리를 지정합니다.
• dashed : 점선 테두리를 지정합니다.
• solid : 선 테두리를 지정합니다.
• double : 이중 테두리를 지정합니다.
• groove : 3D 홈이 있는 테두리를 지정합니다. 효과는 경계 색상 값에 따라 달라집니다.
• ridge : 3D로 이루어진 테두리를 지정합니다. 효과는 경계 색상 값에 따라 달라집니다.
• inset : incomet 3D internet을 지정합니다. 효과는 경계 색상 값에 따라 달라집니다.
• outset : 3D 초기설정 테두리를 지정합니다. 효과는 경계 색상 값에 따라 달라집니다.
• initial : 이 속성을 기본값으로 설정합니다.
• inherit : 부모 태그의 속성값을 상속받습니다.