다음을 통해 공유


색 선택 대화 상자, 시스템 색 탭

업데이트: 2007년 11월

이 탭에서 색을 선택하면 색 필드에 시스템 색 범주가 나타나며, 스타일 작성기 대화 상자를 닫으면 attribute:category 쌍이 CSS 스타일 정의에 삽입됩니다.

참고:

Microsoft Windows 운영 체제에서는 제어판의 디스플레이 아이콘을 사용하여 시스템 색을 설정할 수 있습니다.

예를 들어, targetSchema 속성이 새 웹 브라우저로 설정된 문서의 CSS 스타일시트를 열고 <BODY> 요소에 대한 CSS 스타일의 중괄호({ }) 사이에 삽입 지점을 놓은 다음 서식 메뉴에서 스타일 작성을 선택합니다. 스타일 작성기 대화 상자의 배경 탭을 선택하고 색 필드 옆의 줄임표(...) 단추를 클릭하여 색 선택 대화 상자를 엽니다. 해당 시스템 색 탭에서 배경 색 범주를 선택합니다. 스타일 작성기 대화 상자를 닫으면 다음과 같은 attribute:category 쌍이 해당 BODY 스타일의 중괄호({ }) 사이에 삽입됩니다.

BODY { BACKGROUND-COLOR: background; } 
참고:

문서의 targetSchema 속성을 이전 버전의 브라우저로 설정하면 시스템 색의 16진수 코드만 삽입됩니다. 시스템 색 이름을 사용하는 경우 모든 사용자에게 표시되는 색을 지정하는 것이 아닙니다. 선택한 바탕 화면 색에 따라 사용자마다 다른 배경 색이 할당됩니다. 일반적으로 예측 가능한 디스플레이 설정을 공유하는 사용자 그룹을 위해 디자인된 웹 프로젝트에서만 시스템 색 범주를 사용해야 합니다.

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

  1. Microsoft Visual Web Developer의 디자인 뷰에서 태그를 렌더링하는 컨트롤 또는 HTML 요소(예: Table 컨트롤 또는 HTML <input> 단추)를 선택합니다.

  2. 다음 작업 중 하나를 수행하여 스타일 작성기 대화 상자를 엽니다.

    • 디자인 뷰에서 컨트롤 또는 요소를 선택하고 서식을 클릭한 다음 스타일을 클릭합니다.

    • 디자인 뷰에서 컨트롤 또는 요소를 마우스 오른쪽 단추로 클릭하고 스타일을 클릭합니다.

    • 컨트롤 또는 요소를 선택하고 속성 창에서 스타일 속성을 선택한 다음 줄임표(...) 단추를 선택합니다.

    • 문서 스타일 창에서 작업하는 경우 요소, 클래스 또는 요소 ID를 선택한 다음 스타일 작성 아이콘을 클릭합니다.

    • CSS 스타일시트를 편집하는 경우 삽입 지점을 CSS 스타일의 중괄호({ }) 사이에 둔 다음 스타일 메뉴에서 스타일 작성을 선택합니다.

    스타일 작성기 대화 상자가 열립니다.

  3. 스타일 작성기 대화 상자에서 색 드롭다운 목록이 포함된 탭을 선택하고 상자 옆의 줄임표(…) 단추를 클릭합니다.

    색 선택 대화 상자가 열립니다.

  4. 시스템 색 탭을 클릭합니다.

작업

UI 요소

  • 색(목록 상자)
    선택할 색 목록을 표시합니다.

  • 색(텍스트 상자)
    선택된 색의 16진 RGB 코드를 표시합니다. 현재 HTML 문서의 targetSchema 속성이 HTML 4.0 이상을 지원하는 웹 브라우저로 설정된 경우 시스템 색의 이름과 여기에 할당된 16진수 RGB 색 코드가 둘 다 표시됩니다. targetSchema 속성이 HTML 3.2 이전 버전을 지원하는 초기 웹 브라우저로 설정된 경우에는 시스템 색의 16진수 RGB 코드만 표시됩니다.

  • 설명
    색이 일반적으로 사용되는 시스템 UI(사용자 인터페이스) 요소를 포함하여 색에 대한 설명을 표시합니다.

  • 확인
    색 선택 대화 상자를 닫고 선택한 attribute:category 쌍을 CSS 태그에 추가합니다. CSS 태그는 스타일 작성기 대화 상자를 닫으면 삽입됩니다.

  • 시스템 색 사용
    시스템 색을 기본값으로 사용할지 여부를 나타냅니다.

참고 항목

개념

ASP.NET 웹 서버 컨트롤 및 CSS 스타일

참조

색 선택 대화 상자

색 선택 대화 상자, 웹 팔레트 탭

색 선택 대화 상자, 명명된 색 탭

색 선택 대화 상자, 사용자 지정 색 탭