색 선택 대화 상자, 시스템 색 탭
업데이트: 2007년 11월
이 탭에서 색을 선택하면 색 필드에 시스템 색 범주가 나타나며, 스타일 작성기 대화 상자를 닫으면 attribute:category 쌍이 CSS 스타일 정의에 삽입됩니다.
![]() |
---|
Microsoft Windows 운영 체제에서는 제어판의 디스플레이 아이콘을 사용하여 시스템 색을 설정할 수 있습니다. |
예를 들어, targetSchema 속성이 새 웹 브라우저로 설정된 문서의 CSS 스타일시트를 열고 <BODY> 요소에 대한 CSS 스타일의 중괄호({ }) 사이에 삽입 지점을 놓은 다음 서식 메뉴에서 스타일 작성을 선택합니다. 스타일 작성기 대화 상자의 배경 탭을 선택하고 색 필드 옆의 줄임표(...) 단추를 클릭하여 색 선택 대화 상자를 엽니다. 해당 시스템 색 탭에서 배경 색 범주를 선택합니다. 스타일 작성기 대화 상자를 닫으면 다음과 같은 attribute:category 쌍이 해당 BODY 스타일의 중괄호({ }) 사이에 삽입됩니다.
BODY { BACKGROUND-COLOR: background; }
![]() |
---|
문서의 targetSchema 속성을 이전 버전의 브라우저로 설정하면 시스템 색의 16진수 코드만 삽입됩니다. 시스템 색 이름을 사용하는 경우 모든 사용자에게 표시되는 색을 지정하는 것이 아닙니다. 선택한 바탕 화면 색에 따라 사용자마다 다른 배경 색이 할당됩니다. 일반적으로 예측 가능한 디스플레이 설정을 공유하는 사용자 그룹을 위해 디자인된 웹 프로젝트에서만 시스템 색 범주를 사용해야 합니다. |
이 대화 상자에 액세스하려면
Microsoft Visual Web Developer의 디자인 뷰에서 태그를 렌더링하는 컨트롤 또는 HTML 요소(예: Table 컨트롤 또는 HTML <input> 단추)를 선택합니다.
다음 작업 중 하나를 수행하여 스타일 작성기 대화 상자를 엽니다.
디자인 뷰에서 컨트롤 또는 요소를 선택하고 서식을 클릭한 다음 스타일을 클릭합니다.
디자인 뷰에서 컨트롤 또는 요소를 마우스 오른쪽 단추로 클릭하고 스타일을 클릭합니다.
컨트롤 또는 요소를 선택하고 속성 창에서 스타일 속성을 선택한 다음 줄임표(...) 단추를 선택합니다.
문서 스타일 창에서 작업하는 경우 요소, 클래스 또는 요소 ID를 선택한 다음 스타일 작성 아이콘을 클릭합니다.
CSS 스타일시트를 편집하는 경우 삽입 지점을 CSS 스타일의 중괄호({ }) 사이에 둔 다음 스타일 메뉴에서 스타일 작성을 선택합니다.
스타일 작성기 대화 상자가 열립니다.
스타일 작성기 대화 상자에서 색 드롭다운 목록이 포함된 탭을 선택하고 상자 옆의 줄임표(…) 단추를 클릭합니다.
색 선택 대화 상자가 열립니다.
시스템 색 탭을 클릭합니다.
작업
UI 요소
색(목록 상자)
선택할 색 목록을 표시합니다.색(텍스트 상자)
선택된 색의 16진 RGB 코드를 표시합니다. 현재 HTML 문서의 targetSchema 속성이 HTML 4.0 이상을 지원하는 웹 브라우저로 설정된 경우 시스템 색의 이름과 여기에 할당된 16진수 RGB 색 코드가 둘 다 표시됩니다. targetSchema 속성이 HTML 3.2 이전 버전을 지원하는 초기 웹 브라우저로 설정된 경우에는 시스템 색의 16진수 RGB 코드만 표시됩니다.설명
색이 일반적으로 사용되는 시스템 UI(사용자 인터페이스) 요소를 포함하여 색에 대한 설명을 표시합니다.확인
색 선택 대화 상자를 닫고 선택한 attribute:category 쌍을 CSS 태그에 추가합니다. CSS 태그는 스타일 작성기 대화 상자를 닫으면 삽입됩니다.시스템 색 사용
시스템 색을 기본값으로 사용할지 여부를 나타냅니다.