> 웹 프론트엔드 > HTML 튜토리얼 > CSS에서 border-top 속성 사용 살펴보기

CSS에서 border-top 속성 사용 살펴보기

WBOY
풀어 주다: 2016-09-21 13:56:05
원래의
1604명이 탐색했습니다.

이전 섹션에서 CSS top 속성의 사용법을 소개했으므로 이번 섹션에서는 CSS border-top 속성의 사용법을 배우기가 더 쉬울 것입니다. border-top 약어 속성은 top의 모든 속성을 설정합니다. 하나의 진술로 경계를 이룹니다.

이 글에서는 CSS border-top 속성의 사용법을 설명합니다. border-top 약어 속성은 상단 테두리의 모든 속성을 하나의 명령문으로 설정합니다. 이 글의 소개가 확실히 도움이 될 것이라고 믿습니다. .

CSS 테두리 상단 속성

정의 및 사용법

border-top 단축 속성은 상단 테두리의 모든 속성을 하나의 명령문으로 설정합니다.

다음 속성을 순서대로 설정할 수 있습니다.

border-top-width   
border-top-style   
border-top-color 
로그인 후 복사

값 중 하나를 설정하지 않으면 문제가 없습니다. 예를 들어 border-top:solid #ff0000;도 허용됩니다.

默认值: not specified
继承性: no
版本: CSS1
JavaScript 语法: object.style.borderTop="3px solid blue"

상단 테두리 스타일 설정:

p  
  {  
  border-style:solid;  
  border-top:thick double #ff0000;  
  }  
로그인 후 복사

 

브라우저 지원

모든 브라우저는 border-top 속성을 지원합니다.

참고: 속성 값 "inherit"는 모든 Internet Explorer 버전(IE8 포함)에서 지원되지 않습니다.

가능한 값

描述
border-top-width 规定上边框的宽度。参阅:border-top-width 中可能的值。
border-top-style 规定上边框的样式。参阅:border-top-style 中可能的值。
border-top-color 规定上边框的颜色。参阅:border-top-color 中可能的值。
inherit 规定应该从父元素继承 border-top 属性的设置。

참고자료 : http://www.manongjc.com/article/1188.html

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿