>웹 프론트엔드 >CSS 튜토리얼 >CSS 개요 스타일 속성

CSS 개요 스타일 속성

WBOY
WBOY앞으로
2023-09-19 09:25:021445검색

CSS 轮廓样式属性

outline-style 속성은 요소를 둘러싸는 선의 스타일을 지정합니다. 다음 값 중 하나를 사용할 수 있습니다. -

  • None - 테두리가 없습니다. (윤곽선 너비와 동일: 0;)
  • 실선 - 윤곽선은 실선입니다.
  • 뾰족한 선 - 윤곽선은 일련의 점입니다.
  • 점선 - 윤곽선은 일련의 짧은 선입니다.
  • 더블 - 윤곽선은 두 개의 실선입니다.
  • 홈 - 윤곽선이 페이지에 새겨져 있는 것처럼 보입니다.
  • Ridge - 홈이 있는 윤곽선 모양.
  • 삽입 - 윤곽선은 상자가 페이지에 포함된 것처럼 보이게 합니다.
  • 시작하기 - 윤곽선은 상자가 페이지에 포함된 것처럼 보이게 합니다. 프레임이 캔버스에서 튀어나온 것처럼 보입니다.
  • 숨기기 - 없음과 동일합니다.

다음 코드를 실행하여 outline-style 속성 -

<html>
   <head>
   </head>
   <body>
      <p style = "outline-width:thin; outline-style:solid;">
         This text is having thin solid outline.
      </p>
      <br />
      <p style = "outline-width:thick; outline-style:dashed;">
         This text is having thick dashed outline.
      </p>
      <br />
      <p style = "outline-width:5px;outline-style:dotted;">
         This text is having 5x dotted outline.
      </p>
   </body>
</html>
을 구현할 수 있습니다.

위 내용은 CSS 개요 스타일 속성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제