counter 속성

● counter-reset 속성 - 카운터를 초기화하기 위한 속성 - counter-reset : [카운터명] [정수] ● counter-increment 속성 - 카운터를 증가시키기 위한 속성 - counter-increment : [카운터명] [정수] - 정수값은 카운터의 증가 배율임 ● counter( ) 속성 - 카운터를 사용하기 위한 속성 - 함숫값에는 카운터명, 카운터 스타일, 문자열이 들어올 수 있으며 쉼표로 구분

• format_list_bulleted Front-End Study/CSS 사전
• · 2023. 5. 9.
• textsms

order 속성

● order 속성 - display: flex 일 때, 출력 순서를 변경하기 위해 사용

• format_list_bulleted Front-End Study/CSS 사전
• · 2023. 5. 1.
• textsms

background 속성

※ abc 순으로 정렬 ● background 속성 - 아래의 속성들을 한번에 설정함 ● background-color 속성 - 배경 색 지정 - background-color: | | - rgb 값 : 빛의 삼원색으로 빨간, 녹색, 파란색을 이용해서 색을 표시하는 방식 (각 값 당 255까지 가능) ※ rgba는 투명도 까지 가능한 값 - 색상이름 : red, blue 처럼 색상 이름으로 표기 - 16진수 : 16진수로 #000000 처럼 표기 가능 (ex : 파란색(#0000ff)) ※ background-color 값은 상속되지 않음 ● background-clip 속성 (참고 : 박스 모델) - 배경 적용 범위 조절 - background-clip: border-box | padding-box |..

• format_list_bulleted Front-End Study/CSS 사전
• · 2023. 1. 8.
• textsms

list-style 속성

※ abc 순으로 정렬 ● list-style 속성 - 아래의 속성들을 한번에 설정함 ● list-style-image 속성 - 불릿 대신 이미지 삽입 - list-style-image : none | url(이미지 파일 경로) - none : 설정 안함 (기본값) - url(이미지 파일 경로) : 불릿 대신 사용할 이미지 파일의 경로 지정 ● list-style-position 속성 - 목록에 들여 쓰는 효과 - list-style-position: inside | outside - inside : 불릿 or 숫자를 안쪽으로 들여 씀 - outside : 불릿 or 숫자를 밖으로 내어 씀 (기본값) ● list-style-type 속성 - 목록의 불릿과 번호 스타일 지정 - list-style-type..

• format_list_bulleted Front-End Study/CSS 사전
• · 2023. 1. 8.
• textsms

문단 관련 속성

※ abc 순으로 정렬 ● direction 속성 - 글자 쓰기 방향 지정 - direction : ltr | rtl - ltr : 왼쪽에서 오른쪽 (left-to-right)으로 텍스트 표시 (기본값) - rtl : 오른쪽에서 왼쪽 (right-to-left)으로 텍스트 표시 ● line-height 속성 - 줄 간격 조절 - line-height: normal | | | | inherit - normal : 설정하지 않음 (기본값) - , , : 글자 크기를 기준으로 간격 크기 지정 ● text-align 속성 - 텍스트를 정렬 - text-align: left | right | center | justify | initial | inherit - left : 왼쪽 정렬 - right : 오른쪽 정렬..

• format_list_bulleted Front-End Study/CSS 사전
• · 2023. 1. 8.
• textsms

텍스트 관련 속성

※ abc 순으로 정렬 ● color 속성 - 글자 색 지정 - color: (rgb or rgba) | (색상이름) | (16진수) - rgb 값 : 빛의 삼원색으로 빨간, 녹색, 파란색을 이용해서 색을 표시하는 방식 (각 값 당 255까지 가능) ※ rgba는 투명도 까지 가능한 값 - 색상이름 : red, blue 처럼 색상 이름으로 표기 - 16진수 : 16진수로 #000000 처럼 표기 가능 (ex : 파란색(#0000ff)) ● letter-spacing 속성 - 글자 간격 조절 - letter-spacing: normal | length - normal : 기본 값 (문자에 공백이 들어가지 않음) - length : px, %, em, rem 등으로 간격 설정 ● text-decoration..

• format_list_bulleted Front-End Study/CSS 사전
• · 2023. 1. 8.
• textsms