Web(Front) - CSS 속성

📒 CSS3 속성

1️⃣ Font 속성

Font 속성

• font-family : 글꼴 지정
• font-size: 글자 크기 지정
• font-style: 글자 스타일 지정
• font-variant: 소문자를 작은 대문자(samll-caps)로 변경
• font-weight: 글자 굵기 지정
• font: font에 관한 속성 한 번에 지정하는 단축형 속성

2️⃣ Text 속성

Text 속성

• text-align : text 정렬 방식 지정
• text-decoratione: text 장식 지정
• text-indent: 첫 라인 들여쓰기 지정
• text-transform: text 대문자화
• white-space: 엘리먼트 안 공백 지정
• vertical-algin: 수직 정렬 지정
• letter-spacing: 문자 간 space 간격 지정
• word-spacing : 단어 간 간격 지정
• line-height: 줄(행) 간격 지정
• color : text 색상 지정

3️⃣ 사용자 인터페이스 속성

• cursor : 마우스 모양 변경
• classification: 리스트 글머리 기호 변경
• display: 엘리먼트 화면 출력 방식 조정
• background-color: 배경색 지정
• background-image: 배경 이미지 지정
• background-attachment: 배경 이미지 고정 or scroll 여부 지정
• background-repeat: 배경 그림 반복 여부 지정
• background-position : 배경 그림 위치 지정
• backgroun: 배경 관련 속성 한번에 지정

4️⃣ 테이블 & 테두리 속성

• table-layout : table layout 설정
• width: 너비 지정
• height: 높이 지정
• text-align: cell 내부 내용 수평 정렬
• vertical-align: cell 내부 수직 정렬
• border-collapse: 분리된 테두리 모델, 통합된 테두리 모델 설정
• border-style: 테두리 스타일 설정
• border-width : 엘리먼트 4개 테두리 너비 설정
• border-color: 엘리먼트 테두리 색 설정
• border : 테두리 관련 속성 한번에 지정