커뮤니티

고용노동부, 산업인력공단과 함께하는 강원도 유일한 기업중심 IT전문교육기관 ICT융합캠퍼스만의 특별한교육입니다.
공인 IT숙련기술인의 다양한 접근방법으로 전문가다운 실무교육을 받을 수 있습니다.

Category

교육강좌

클라이언트 CSS 사전 - border-bottom-style

페이지 정보

작성자 관리자 댓글 0건 조회 5,687회 작성일 20-07-20 09:27

본문

border-bottom-style

Summary

박스의 하단 테두리 영역의 스타일을 지정합니다.

none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
기본값 none
적용대상 모든요소
상속 상속안됨
퍼센테이지 지정불가
미디어 Visual

Value

  • none : 테두리 없음으로 지정합니다. border-style이 none으로 지정된경우 border-width에서 설정된 값을 0으로 만듭니다.
  • hidden : 테두리를 숨깁니다. none과 같으나 테이블의 셀 요소라면 테두리를 통합합니다.
  • dotted : 점선의 테두리로 지정합니다.
  • dashed : 짧은 선들의 연속으로 지정합니다.
  • solid : 실선으로 지정합니다.
  • double : 두개의 실선으로 지정합니다.
  • groove : 테두리가 안으로 파진것처럼 보입니다.
  • ridge : 테두리가 밖으로 튀어나온것처럼 보입니다.
  • inset : 테두리를 포함한 컨텐츠 영역이 안으로 들어간것처럼 보입니다.
  • outset : 테두리를 포함한 컨텐츠 영역이 밖으로 튀어나온것처럼 보입니다.

Tip

  1. 다음과 같이 사용할 수 있습니다.
    1
    2
    3
    div {
    border-bottom-style: solid;
    }
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

답변목록

등록된 답변이 없습니다.