문서를 영문으로 보려면 영문 확인란을 선택하세요. 마우스 포인터를 텍스트 위로 이동시켜 팝업 창에서 영문 텍스트를 표시할 수도 있습니다.
번역
영문
Visual Studio 2017을 사용하는 것이 좋습니다.

스타일 규칙 추가 대화 상자, 스타일

스타일 규칙 추가 대화 상자를 통해 CSS 스타일시트에 새 스타일 규칙을 추가할 수 있습니다. 스타일 규칙은 HTML 요소와 연결할 수도 있고 클래스 또는 요소 ID를 정의할 수도 있습니다.

또한 요소, 클래스 및 요소 ID 계층 구조에 적용되는 스타일 규칙을 추가할 수도 있습니다. 예를 들어 H2 머리글을 따르는 특정 클래스 단락에만 적용되는 규칙을 정의할 수 있습니다.

CSS 스타일시트에 스타일 규칙을 추가하려면

  1. 편집기에서 CSS 스타일시트를 엽니다.

  2. 스타일 메뉴에서 스타일 규칙 추가를 클릭합니다.

    스타일 규칙 추가 대화 상자가 표시됩니다.

    참고참고

    편집할 외부 CSS 스타일시트를 열면 스타일 메뉴가 나타납니다. 스타일 규칙 중괄호 안에 커서를 놓으면 스타일 메뉴에서 스타일 작성 옵션을 사용할 수 있습니다.

  3. 원하는 스타일 옵션을 선택하고 확인을 클릭합니다.

    스타일 규칙이 CSS 스타일시트에 추가됩니다.

이 대화 상자를 사용하여 추가하는 스타일 규칙은 비어 있습니다. 규칙 옵션을 정의하는 방법에 대한 자세한 내용은 스타일 작성 대화 상자를 참조하십시오.

요소

규칙이 적용되는 HTML 요소를 표시합니다.

클래스 이름

규칙이 적용되는 클래스의 이름을 표시합니다. 선택적 요소 확인란을 선택한 다음 목록에서 HTML 요소를 선택하면 됩니다.

요소 ID

HTML 요소의 ID 텍스트를 표시합니다.

> 단추

선택한 요소, 클래스 이름 또는 요소 ID 값을 스타일 규칙 계층 구조에 추가합니다.

스타일 규칙 계층 구조

스타일 규칙을 정의하는 요소, 클래스 및 요소 ID 계층 구조를 표시합니다. 계층 구조에서 노드를 선택한 다음 위로, 아래로 또는 삭제 단추를 사용하여 노드를 트리에서 위쪽 또는 아래쪽으로 이동하거나 제거할 수 있습니다.

스타일 규칙 미리 보기

만들어질 스타일 규칙을 표시합니다.

표시: