옵션 대화 상자, 텍스트 편집기, CSS, 서식

아티클
11/25/2014

이 대화 상자에서는 CSS 편집기의 기본 서식 설정을 변경할 수 있습니다.

이 대화 상자에 액세스하려면

Microsoft Visual Web Developer의 메뉴 모음에서 도구와 옵션을 차례로 선택합니다.

옵션 대화 상자가 열립니다.
왼쪽 패널에서 텍스트 편집기 노드를 확장하고 CSS 노드를 확장한 다음 서식 지정을 선택합니다.

환경 설정을 웹 개발용으로 구성한 경우 모든 설정 표시 확인란을 선택하지 않으면 텍스트 편집기 요소를 사용할 수 없습니다. 환경 설정에 대한 자세한 내용은 방법: 선택 설정 변경을 참조하십시오.

참고

모든 설정 표시 확인란이 선택되어 있는 경우 표시되는 HTML 디자이너 노드에서 추가 CSS 옵션을 확인할 수 있습니다.

작업

CSS 작업 개요

UI 요소

이 대화 상자에서 사용할 수 있는 UI 요소는 다음과 같습니다. 미리 보기 상자에 선택 항목을 적용한 결과의 예가 표시됩니다.

스타일

축소
다음과 그림과 같이 선택기와 선언이 같은 줄에 위치합니다.
부분 확장
다음 그림과 같이 선택기와 여는 중괄호({)가 같은 줄에 위치하고 선언은 다음 줄에 들여쓰며 닫는 중괄호(})는 여는 중괄호에 맞춰 정렬됩니다.
전체 확장
다음 그림과 같이 선택기와 여는 중괄호({)가 같은 줄에 위치하고 선언은 다음 줄에 들여쓰며 닫는 중괄호(})는 여는 중괄호에 맞춰 정렬됩니다.

색 선택

색 선택이 색 값을 스타일 시트에 입력하는 방법을 지정하려면 이 옵션을 사용합니다. 미리 보기 상자는 관련 옵션에 대한 값의 예를 보여줍니다. 기본값은 Use Hex by default입니다. 색 선택을 사용하지 않도록 설정하려면 사용 안 함을 선택합니다.

기본값으로 16진수, RGB 또는 HSL을 선택한 다음 편집기에서 색의 불투명도를 변경한 경우 색 선택은 값을 RGBA 또는 HSLA 형식으로 입력합니다. 그 이유는 표준 16진수 형식에는 불투명도를 표현할 방법이 없기 때문입니다.
기존 RGB 또는 HSL 색을 수정하는 경우 기본 설정에 관계 없이 형식이 유지됩니다.