참고:

Dreamweaver CC 이상에서 CSS 스타일 패널이 CSS Designer로 바뀌었습니다. 자세한 내용은 CSS Designer를 참조하십시오.

Dreamweaver 인터페이스를 사용하여 CSS 규칙을 만들거나 편집할 때마다 CSS 코드 포맷을 제어하는 환경을 설정할 수 있습니다. 예를 들어 별도의 행에 모든 CSS 속성 배치, CSS 규칙 간에 빈 행 삽입 등을 수행하도록 환경을 설정할 수 있습니다.

CSS 코드 포맷 환경을 설정하면 새로 만든 모든 CSS 규칙에 선택한 환경 설정이 자동으로 적용됩니다. 그러나 이러한 환경 설정을 개별 문서에 수동으로 적용할 수도 있습니다. 이러한 기능은 포맷이 필요한 이전 HTML 또는 CSS 문서가 있을 경우 유용할 수 있습니다.

참고:

내부 또는 포함된 스타일 시트에서만(인라인 스타일은 아님) CSS 코드 포맷 환경 설정이 CSS 규칙에 적용됩니다.

CSS 코드 포맷 환경 설정하기

  1. [편집] > [환경 설정]을 선택합니다.
  2. [환경 설정] 대화 상자에서 [코드 포맷] 범주를 선택합니다.
  3. [고급 서식] 옆의 [CSS] 버튼을 클릭합니다.
  4. [CSS 소스 포맷 옵션] 대화 상자에서 CSS 소스 코드에 적용할 옵션을 선택합니다. 선택한 옵션에 따라 표시되는 CSS의 미리 보기가 아래의 [미리 보기] 창에 나타납니다.

    속성 들여쓰기

    규칙 내에서 속성의 들여쓰기 값을 설정합니다. 탭 또는 공백을 지정할 수 있습니다.

    각 속성을 별도의 행에 배치

    규칙 내의 각 속성을 별도의 행에 배치합니다.

    여는 중괄호를 별도의 행에 배치

    선택기와 분리된 별도의 행에 규칙의 여는 중괄호를 배치합니다.

    속성이 둘 이상인 경우에만 배치

    단일 속성 규칙을 동일한 행에 선택기로 배치합니다.

    규칙의 모든 선택기를 동일한 행에 배치

    규칙의 모든 선택기를 동일한 행에 배치합니다.

    규칙 사이에 빈 행 배치

    각 규칙 사이에 빈 행을 삽입합니다.

  5. [확인]을 클릭합니다.

참고:

또한 CSS 코드 포맷은 [환경 설정] 대화 상자의 [코드 포맷] 범주에서 설정한 [행 분리 형식] 환경 설정을 상속합니다.

CSS 스타일 시트에서 수동으로 CSS 코드 포맷하기

  1. CSS 스타일 시트를 엽니다.
  2. [명령] > [소스 포맷 적용]을 선택합니다.

    CSS 코드 포맷 환경 설정에서 설정한 포맷 옵션이 전체 문서에 적용됩니다. 개별 선택 항목을 포맷할 수는 없습니다.

포함된 CSS 코드 포맷을 수동으로 지정

  1. 문서 헤드에 CSS가 포함된 HTML 페이지를 엽니다.
  2. CSS 코드의 일부를 선택합니다.
  3. [명령] > [선택 항목에 소스 포맷 적용]을 선택합니다.

    CSS 코드 포맷 환경 설정에서 설정한 포맷 옵션이 문서 헤드의 모든 CSS 규칙에만 적용됩니다.

    참고:

    [명령] > [소스 포맷 적용]을 선택하여 지정한 코드 포맷 환경 설정에 따라 전체 문서를 포맷할 수 있습니다.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책