CSS 대표속성 (CSS Shorthand Properties)

CSS 대표속성을 이용하면 CSS 코드의 양을 획기적으로 줄일 수 있습니다. 또한 코드가 간결해 지기 때문에 코드를 생성할 때 뿐만 아니라 유지보수시에도 이롭습니다. 대표속성으로 코딩이 가능한 CSS 속성은 'font, background, margin, padding, border, list-style' 입니다.

Preferences > CSS Styles 항목에서 When creating CSS rules(새 CSS 규칙을 생성할 때) 항목 가운데 Use shorthand for(대표속성 사용)의 하위 항목(Font, Background, Margin and Padding, Border and border width, List-Style)을 모두 선택하면 CSS 대화상자 또는 CSS 속성패널을 이용할 때 대표속성으로 코딩 됩니다. Code View를 이용하여 CSS를 관리하는 사용자에게는 이 설정이 무의미 합니다.

• When creating CSS rules: (CSS 규칙을 생성할 때)
  • Use shorthand for: (~에 대하여 대표속성을 사용함)
    • Font (폰트)
    • Background (배경)
    • Margin and Padding (마진 & 패딩)
    • Border and border width (보더 & 보더 두께)
    • List-Style (목록)

Preferences > CSS Styles 항목에서 When editing CSS rules(CSS 규칙을 편집 할 때) 항목 가운데 Use shorthand(대표속성 사용)의 하위 항목을 선택하는 방법에 따라 사용자 정의 설정에 따를 것인지 기존 코드의 규칙에 따를 것인지 설정할 수 있습니다. 이 규칙 역시 Code View를 이용하여 CSS를 관리하는 사용자에게는 무의미 합니다.

• When editing CSS rules: (CSS 규칙을 편집할 때)
  • Use shorthand: (대표속성을 사용함)
    • If original used shorthand (기존의 코드가 대표속성으로 코딩되어 있다면 대표속성으로 코딩)
    • According to setting above (사용자의 CSS 생성규칙에 따라 기존의 코드는 대표속성으로 덮어쓰기 됨)
    • Open CSS files when modified (코드가 수정될 때 CSS 파일 열기)