개요에 대한 자세한 소개: CSS의 없음

요소에 포커스가 있을 때 포커스 프레임은 0입니다.
예를 들어 현재 웹페이지에서 탭 키를 사용하여 전환하면 텍스트 링크, 검색 상자 외부에 점선 프레임(또는 강조 표시된 프레임)이 나타납니다. , 버튼 등. 이 시점에서 현재 요소에 초점이 맞춰지고 해당 요소에 대해 작업을 수행할 수 있습니다.
이 기능은 일반적으로 키보드 조작을 사용하는 사용자를 위해 준비되었습니다.
사진 링크 등 일부 링크의 경우, 점선 프레임이 나타나 디자인을 망치는 것을 원하지 않는다면 이 방법을 사용하시면 됩니다.

일반적으로 제거하지 마시고, 디자인의 미관에 영향을 미치는 곳에만 사용하시는 것을 권장합니다. 결국 이 포커스 상자는 키보드 사용자에게 매우 유용합니다.

정의 및 사용법
윤곽선 스타일 속성은 요소의 전체 윤곽선 스타일을 지정하는 데 사용됩니다. 스타일은 없음일 수 없습니다. 그렇지 않으면 윤곽선이 나타나지 않습니다.

outline(윤곽선)은 요소 주위에 그려지는 선으로, 테두리 가장자리 외부에 위치하며 요소를 강조할 수 있습니다. 개요 속성은 요소 주위의 윤곽선을 설정합니다.

참고: 항상 외곽선 색상 속성보다 먼저 외곽선 스타일 속성을 선언하세요. 요소는 윤곽선을 얻은 후에만 윤곽선의 색상을 변경할 수 있습니다.

참고: 윤곽선은 공간을 차지하지 않으며 반드시 직사각형일 필요는 없습니다.

기본값: 없음

윤곽선 스타일 설정:

p
  {
  outline-style:dotted;
  }

브라우저 지원
모든 주요 브라우저는 윤곽선 스타일 속성을 지원합니다.

Internet Explorer는 !DOCTYPE이 지정된 경우에만 개요 스타일 특성을 지원합니다.
가능한 값
값 설명
기본값은 없음입니다. 개요를 정의하지 마십시오.
점은 점의 윤곽을 정의합니다.
점선은 점선 윤곽선을 정의합니다.
solid는 견고한 윤곽을 정의합니다.
double은 이중선 윤곽선을 정의합니다. 이중선의 너비는 윤곽선 너비 값과 같습니다.
groove는 3D 홈 프로파일을 정의합니다. 이 효과는 윤곽선 색상 값에 따라 달라집니다.
ridge는 3D 능선 프로필을 정의합니다. 이 효과는 윤곽선 색상 값에 따라 달라집니다.
삽입은 3D 오목 가장자리 프로파일을 정의합니다. 이 효과는 윤곽선 색상 값에 따라 달라집니다.
아웃셋은 3D 볼록한 가장자리 윤곽선을 정의합니다. 이 효과는 윤곽선 색상 값에 따라 달라집니다.
inherit는 개요 스타일 설정이 상위 요소에서 상속되어야 함을 지정합니다.

위 내용은 개요에 대한 자세한 소개: CSS의 없음의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!