CSS 참고서

가장 필요한 것

텍스트 크기 이탤릭체 텍스트 굵은 텍스트 줄 간격 글꼴 패밀리 (종류) 글꼴 단축 속성 첫 줄 들여쓰기 텍스트 정렬

드문

밑줄, 윗줄, 취소선 텍스트 선 위치 텍스트 선 종류 텍스트 선 색상 대소문자 변경 소문자 대문자 사용자 정의 글꼴 글꼴 크기 조절 글자 간격 단어 간격 마지막 줄 정렬 수직 정렬 따옴표 모양 글꼴 커닝 텍스트 문자 채우기 색상 세로 텍스트에서 문자 방향 텍스트 문자 외곽선 텍스트 문자 외곽선 색상 텍스트 문자 외곽선 두께 텍스트 방향

줄 바꿈

공백과 줄 바꿈 긴 단어 줄 바꿈 긴 단어 줄 바꿈 자르기, 스크롤바 가로 overflow 세로 overflow 탭 크기 말줄임표 추가 하이픈 넣기 줄 수로 텍스트 제한

색상

텍스트 색상

테두리

테두리 단축 속성 왼쪽 테두리 오른쪽 테두리 상단 테두리 하단 테두리 테두리 두께 테두리 스타일 테두리 색상 왼쪽 테두리 두께 오른쪽 테두리 두께 상단 테두리 두께 하단 테두리 두께 왼쪽 테두리 스타일 오른쪽 테두리 스타일 상단 테두리 스타일 하단 테두리 스타일 왼쪽 테두리 색상 오른쪽 테두리 색상 상단 테두리 색상 하단 테두리 색상

모서리 둥글게

둥근 모서리 왼쪽 상단 모서리 오른쪽 상단 모서리 왼쪽 하단 모서리 오른쪽 하단 모서리

윤곽선

윤곽선 단축 속성 윤곽선 두께 윤곽선 스타일 윤곽선 색상 윤곽선 오프셋

배경

배경 단축 속성 배경 색상 배경 이미지 스크롤 시 배경 동작 배경 이미지 위치 배경 반복 방식 배경 이미지 위치 기준 배경 위치 수평 배경 위치 수직 배경 위치 배경 이미지 크기 배경 블러 배경 밝기 배경 대비 배경 그림자 배경 색상 회전 배경 색상 반전 배경 불투명도 배경 세피아 배경 효과 배경 이미지와 배경 색상 혼합 원본 색상과 배경 혼합 모드 배경 스타일

그림자

텍스트 그림자 컨테이너 그림자

투명도

불투명도 요소 가시성

그라데이션

선형 방사형 반복 선형 반복 방사형

클리핑

클리핑 요소에 대한 클리핑 영역 생성 마스크 작업을 위한 단축 속성 요소에 대한 마스크 위치 정의 마스크 이미지 설정 마스크와 배경의 상호 작용 방식 정의 마스크 크기 정의 마스크 반복 정의 마스크 위치 지정 영역 정의 마스크 클리핑 영역 정의 여러 마스크 결합 방식 정의

테두리 이미지

이미지 테두리 테두리 이미지 경로 테두리 이미지 부분 분할 테두리 이미지 반복 방식 테두리 이미지 오프셋 테두리 이미지 스케일링

마우스 작업

텍스트 선택 텍스트 선택 금지 마우스 반응 커서 모양

스타일

스타일 우선순위 미디어 유형별 스타일 브라우저가 지원하는 기능을 가진 요소의 스타일 현재 스타일 시트에 CSS 파일 가져오기 기본 요소 스타일 전체 화면 모드 요소 스타일 지정된 값 범위를 가진 요소의 스타일 불확정 상태인 토글 스타일 잘못된 값을 입력한 입력 필드 스타일 required 속성이 없는 입력 필드 스타일 범위를 벗어난 값을 가진 요소의 스타일 힌트 텍스트 표시 시 요소 스타일 readonly 속성을 가진 입력 필드 스타일 변경 가능한 입력 필드 스타일 required 속성이 지정된 입력 필드 스타일 올바른 값을 입력한 입력 필드 스타일 입력 필드 텍스트 커서 색상 포커스된 요소 스타일 요소 내 스크롤

목록

목록 마커 타입 마커 위치 마커 이미지 목록 속기형

테이블

테두리 접합 셀 간격 빈 셀 표시 테이블 레이아웃 계산

링크

방문 전 링크 방문한 링크 링크에 호버 링크 클릭

폼

포커스된 입력 필드 입력 필드 힌트 선택된 체크박스 또는 라디오 버튼 비활성화된 입력 필드 활성화된 입력 필드

크기

블록 너비 블록 높이 최소 너비 최대 너비 최소 높이 최대 높이

여백

외부 여백 상단 외부 여백 하단 외부 여백 좌측 외부 여백 우측 외부 여백 내부 여백 상단 내부 여백 하단 내부 여백 좌측 내부 여백 우측 내부 여백 블록 축 끝 내부 여백 블록 축 시작 내부 여백 인라인 축 끝 내부 여백 인라인 축 시작 내부 여백

기타

padding, border 및 width 계산 방식 요소 표시 방식 크기 조정 요소 종횡비 요소 크기 조정

계산

수학 연산 범위 내 값 제한 값 중 최솟값 값 중 최댓값

크기 단위

픽셀 단위 크기 em 단위 크기 rem 단위 크기 백분율 단위 크기 분수(fr) 단위 크기 vw 단위 크기 vh 단위 크기 vmax 단위 크기 vmin 단위 크기

플렉스

축 방향 주축 정렬 교차축 정렬 다중 행 블록 배치 flex-direction과 flex-wrap의 단축 속성 블록의 교차축 정렬 순서 블록의 기본 크기 블록의 "탐욕도" 블록의 "축소" 계수 flex-grow, flex-shrink, flex-basis의 단축 속성

그리드

열에서 요소의 시작 위치 열에서 요소의 끝 위치 열에서 요소의 시작 및 끝 위치 행에서 요소의 시작 위치 행에서 요소의 끝 위치 행에서 요소의 시작 및 끝 위치 그리드의 열 수 및 너비 암시적 그리드의 열 수 및 너비 그리드의 행 수 및 높이 암시적 그리드의 행 수 및 높이 그리드 내 요소 배치 그리드 내 요소 이름 그리드 요소 간 간격 그리드 행 간 간격 그리드 열 간 간격 그리드 속성의 단축 표기법 그리드 내 요소 자동 배치 요소에 대한 열 및 행의 수와 크기 교차축 또는 수직축 정렬 그리드 셀 내 요소의 수평축 정렬 그리드 셀 내 요소 정렬 그리드 내 개별 요소의 수평축 정렬 그리드 내 개별 요소 정렬 주축 및 교차축 정렬

포지셔닝

포지셔닝 Z축 위치 첫 번째 요소 이후 위치 요소 하단 가장자리 위치 요소 상단 가장자리 위치 요소 왼쪽 가장자리 위치 요소 오른쪽 가장자리 위치 표 제목 위치

플로팅

플로팅 요소 상위 요소의 float 취소 플로팅 형상 정의 플로팅 시 여백

다중 칼럼

칼럼 수 칼럼 간 간격 칼럼 간 경계선 칼럼 너비 요소의 칼럼 걸침 칼럼 너비 및 수

부정

부정

위치별

부모의 첫 번째 자식 부모의 마지막 자식 부모의 n번째 자식 부모의 끝에서 n번째 자식 부모의 유일한 자식

유형 및 위치별

부모의 특정 유형 첫 번째 자식 부모의 특정 유형 마지막 자식 부모의 특정 유형 n번째 자식 부모의 특정 유형 끝에서 n번째 자식 부모의 특정 유형 유일한 자식

기타

빈 요소 텍스트 언어별 대상 요소

텍스트 일부

첫 글자 텍스트 첫 줄

부드러운 전환

실행 시간 실행 전 지연 애니메이션 속성 애니메이션 속도 단축 속성

애니메이션

애니메이션 키프레임 애니메이션 이름 실행 시간 실행 전 지연 애니메이션 속도 반복 횟수 애니메이션 방향 애니메이션 상태 일시 정지 단축 속성

변형

변형 변형 기준점

회전

회전 X축 회전 Y축 회전 Z축 회전 모든 축 회전

크기 조절

크기 조절 X축 크기 조절 Y축 크기 조절

기울이기

기울이기 X축 기울이기 Y축 기울이기

이동

이동 X축 이동 Y축 이동

텍스트 삽입

요소 뒤 텍스트 요소 앞 텍스트 after 및 before를 위한 텍스트 속성 내용

카운터

요소 자동 번호 매기기 카운터 재설정

선택자

후손 선택자 자식 선택자 인접 형제 선택자 일반 형제 선택자 전체 선택자

선택자

속성 이름 선택자 속성 값 선택자 속성 값 시작 선택자 속성 값 끝 선택자 속성 텍스트 선택자 속성 값 중 하나 선택자 속성 값 하이픈 선택자
↑
한국어▼
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақКыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
우리는 웹사이트 운영, 분석 및 개인화를 위해 쿠키를 사용합니다. 데이터 처리는 개인정보 처리방침에 따라 이루어집니다.
모두 수락 설정 거부