지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > 프런트엔드 Q&A > 본문

CSS의 border-top-style 속성을 사용하는 방법

藏色散人
풀어 주다： 2019-05-29 13:42:09
원래의
3766명이 탐색했습니다.

CSS border-top-style 속성은 요소의 테두리 스타일을 설정하는 데 사용됩니다. 이 값이 없음이 아닌 경우에만 테두리가 나타날 수 있습니다. CSS1에서 HTML 사용자 에이전트는 Solid만 지원하고 아무것도 지원하지 않아도 됩니다.

CSS의 border-top-style 속성을 사용하는 방법

CSS border-top-style 속성을 어떻게 사용하나요?

기능: 요소의 테두리 스타일을 설정합니다.

참고: 이 값이 없음이 아닌 경우에만 테두리가 나타날 수 있습니다. CSS1에서 HTML 사용자 에이전트는 solid만 지원하고 아무것도 지원하지 않아도 됩니다.

참고: Internet Explorer의 모든 버전(IE8 포함)은 "inherit" 또는 "hidden" 속성 값을 지원하지 않습니다.

css border-top-style 속성 사용 예

<html>
<head>
<style type="text/css">
p 
{
border-style:solid;
}
p.none {border-top-style:none}
p.dotted {border-top-style:dotted}
p.dashed {border-top-style:dashed}
p.solid {border-top-style:solid}
p.double {border-top-style:double}
p.groove {border-top-style:groove}
p.ridge {border-top-style:ridge}
p.inset {border-top-style:inset}
p.outset {border-top-style:outset}
</style>
</head>
<body>
<p class="none">No top border.</p>
<p class="dotted">A dotted top border.</p>
<p class="dashed">A dashed top border.</p>
<p class="solid">A solid top border.</p>
<p class="double">A double top border.</p>
<p class="groove">A groove top border.</p>
<p class="ridge">A ridge top border.</p>
<p class="inset">An inset top border.</p>
<p class="outset">An outset top border.</p>
</body>
</html>
로그인 후 복사

효과 출력:

CSS의 border-top-style 속성을 사용하는 방법

위 내용은 CSS의 border-top-style 속성을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
css border-top-style
원천：php.cn
이전 기사：CSS의 border-left-style 속성을 사용하는 방법 다음 기사：CSS 하단 속성을 사용하는 방법
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
숨겨진 측면 패널 표시: 선택됨 애니메이션 햄버거 메뉴를 통해 보기로 전환할 수 있는 탐색 메뉴를 측면 패널에 갖고 싶습니다. JS 없이 CSS만 사용하여 만들고 싶습니다. :checked 의사...
에서 2024-04-06 15:49:33
0
1
319
탐색 모음의 CSS 하단 테두리 탐색 모음이 있고 목록의 항목을 마우스로 가리키면 하단에 빨간색 선을 추가했지만 제목(예: "서비스") 아래로 빨간색 선을 이동하고 싶습니다. ...
에서 2024-04-06 15:04:41
0
2
347
"렌더링되지 않은 margin-top이 fieldset의 범례에 있습니다." <divstyle="border:1pxsolidblack"><fieldsetstyle="margin:0">...
에서 2024-04-04 19:40:04
0
2
3508
탐색 표시줄의 중앙 드롭다운 메뉴 나는 CSS/HTML을 제작했습니다..navbar{width:100%; background-color:rgb(151,44,44);overflow:auto;}.na...
에서 2024-04-04 18:24:52
0
1
338
div 위치 지정이 어려움 페이지의 다른 요소를 기준으로 div를 배치하고 싶습니다. 이것은 초기 CSS입니다: #puzzle{display:inline-block;vertical-alig...
에서 2024-04-04 12:14:58
0
1
380
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿