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

게시 날짜: 2016년 6월

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

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

Microsoft Visual Web Developer의 메뉴 모음에서 도구를 클릭한 다음 옵션을 선택합니다.

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

환경 설정을 웹 개발용으로 구성한 경우 텍스트 편집기 요소를 사용하려면 모든 설정 표시 확인란을 선택해야 합니다. 환경 설정에 대한 자세한 내용은 How to: Change Select Settings을 참조하세요.

참고

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

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

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

이 옵션을 사용해서 색 선택 기능이 스타일시트에 색상 값을 입력하는 방법을 지정할 수 있습니다.미리 보기 상자에는 관련 옵션의 값이 예로 표시됩니다. 기본값은 기본값으로 16진수 사용입니다. 색 선택을 사용하지 않으려면 사용 안 함을 선택합니다.

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

CSS 계층에서 해당 위치를 반영하도록 CSS 규칙의 들여쓰기를 사용하려면 계층적 들여쓰기를 선택합니다.미리 보기 상자에는 이 옵션을 선택 또는 취소할 때의 CSS 모양이 어떻게 되는지 표시됩니다.