CSS 패널을 열고 계산됨 탭으로 전환하여 선택한 요소의 CSS 속성 목록을 볼 수 있습니다. 하나의 요소가 선택된 경우에만 계산된 스타일을 볼 수 있습니다.
규칙에서 속성을 설정한 경우 속성 이름 옆에 화살표가 표시됩니다. 설정된 규칙과 규칙에서 지정한 값을 보려면 속성을 클릭합니다.
- 여러 규칙이 동일한 속성에 영향을 주는 경우 우위에 있는 규칙이 표시됩니다.
- 속성을 변경하려는 경우 규칙 선택기 이름을 클릭하여 스타일 탭으로 전환하면 해당 규칙으로 바로 이동하여 수정할 수 있습니다. 계산됨 탭에서는 CSS를 수정할 수 없습니다.
필터링
CSS 패널에 표시되는 속성 목록을 필터링할 수 있습니다.
사전 정의된 필터
드롭다운에서 다음과 같은 사전 정의된 필터를 선택할 수 있습니다.
- 모두 - 기본값으로 설정된 속성을 비롯하여 모든 속성을 표시합니다.
- 요약 - 일치하는 규칙에서 명시적으로 정의한 속성을 표시합니다(기본값).
- 글꼴 - 글꼴과 관련된 속성을 표시합니다.
- 배경 - 배경과 관련된 속성을 표시합니다.
맞춤 필터
자신만의 필터를 적용하려면 돋보기 아이콘 을 클릭하고 필터 속성 필드에 속성 이름의 일부를 입력합니다. 맞춤 필터는 사용 중인 사전 정의된 필터와는 별도로 작동하므로, 모든 속성에 맞춤 필터를 적용하려면 모두를 선택해야 합니다.