본문 바로가기

Webstoryboy

Category

Explanation

REFERENCE/CSS

(238)
[CSS] 트랜지션 트랜지션 트랜지션과 관련된 속성입니다. 트랜지션 트랜지션과 관련된 속성입니다. 트랜지션과 관련된 속성들 속성 설명 transition transition 속성은 요소의 움직임을 정의합니다. transition-delay transition-delay 속성은 요소의 움직임 시간을 지연합니다. transition-duration transition-duration 속성은 요소의 움직임 지속시간을 정의합니다. transition-property transition-property 속성은 transition의 적용 여부를 정의합니다. transition-timing-function transition-timing-function 속성은 요소의 움직임 기능을 정의합니다.
[CSS] 애니메이션 애니메이션 애니메이션과 관련된 속성입니다. 애니메이션 애니메이션과 관련된 속성입니다. 애니메이션과 관련된 속성들 속성 설명 animation animation 속성은 애니메이션을 정의합니다. animation-delay animation-delay 속성은 요소가 로드된 후 애니메이션이 시작될 때 까지의 시간을 나타냅니다. animation-direction animation-direction 속성은 애니메이션 움직임 방향을 설정합니다. animation-duration animation-duration 속성은 애니메이션 움직임 시간을 설정합니다. animation-fill-mode animation-fill-mode 속성은 애니메이션이 끝난 후의 상태를 설정합니다. animation-iteration-c..
[CSS] 변형 변형 콘텐츠 요소를 보이는 부분을 설정합니다. 변형 콘텐츠 요소를 보이는 부분을 설정합니다. 변형속성과 관련된 속성들 속성 설명 transform transform 속성은 요소의 움직임을 표현합니다. transform-origin transform-origin 속성은 요소의 움직임 방향을 정의합니다. transform-style transform-style 속성은 요소의 움직임 스타일을 정의합니다. perspective perspective 속성은 3D를 표현할 때 원근점을 정의합니다. perspective-origin perspective-origin 속성은 3D를 표현할 때 원근점의 방향을 정의합니다. backface-visibility backface-visibility 속성은 요소의 뒷면을 정의합..
[CSS] 가시 속성 가시속성 콘텐츠 요소를 보이는 부분을 설정합니다. 가시속성 콘텐츠 요소를 보이는 부분을 설정합니다. 가시속성과 관련된 속성들 속성 설명 display display 속성은 요소의 성질을 정의합니다. opacity opacity 속성은 요소의 투명도를 설정합니다. visibility visibility 속성은 요소를 보이지 않게 정의합니다. overflow overflow 속성은 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다. overflow-x overflow-x 속성은 X축을 기준으로 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다. overflow-y overflow-y 속성은 Y축을 기준으로 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다.
[CSS] 텍스트 텍스트 텍스트와 관련된 속성입니다. 텍스트 텍스트와 관련된 속성입니다. 텍스트와 관련된 속성들 속성 설명 letter-spacing letter-spacing 속성은 글자 사이의 간격을 설정합니다. line-height line-height 속성은 문장과 문장 사이의 간격을 설정합니다. text-align text-align 속성은 텍스트 정렬 방식을 설정합니다. text-align-last text-align-last 속성은 문장의 마지막 텍스트 정렬 방식을 설정합니다. text-decoration text-decoration 속성은 글자 라인 속성을 설정합니다. text-decoration-color text-decoration-color 속성은 글자 라인 색을 설정합니다. text-decoratio..
[CSS] 폰트 폰트 CSS는 선택자를 통해 요소를 선택할 수 있습니다. 폰트 CSS를 통해 폰트 속성을 설정합니다. 폰트와 관련된 속성들 속성 설명 font font 속성은 폰트에 관한 설정을 정의합니다. font-family font-family 속성은 폰트 종류를 설정합니다. font-size font-size 속성은 폰트 사이즈 속성을 설정합니다. font-size-adjust font-size-adjust 속성은 소문자를 기준으로 폰트 크기를 설정합니다. font-stretch font-stretch 속성은 폰트의 굵기를 정의합니다. font-style font-style 속성은 폰트의 스타일을 정의합니다. font-variant font-variant 속성은 글꼴의 변형을 정의합니다. font-weight f..
[CSS] 배경 이미지 배경 이미지 CSS를 통해 이미지를 적용할 수 있습니다. 배경 이미지 CSS를 통해 이미지를 적용할 수 있습니다. 배경 이미지와 관련된 속성입니다. 속성 설명 background background 속성은 배경 속성 값을 정의합니다. background-attachment background-attachment 속성은 배경이미지의 고정여부를 설정하기 위한 속성입니다. background-blend-mode background-blend-mode 속성은 배경이미지의 고정여부를 설정하기 위한 속성입니다. background-clip background-clip 속성은 배경이미지의 고정여부를 설정하기 위한 속성입니다. background-color background-color 속성은 백그라운 색을 설정합니다..
[CSS] 이미지 최적화 이미지 최적화 CSS는 선택자를 통해 요소를 선택할 수 있습니다. CSS CSS는 선택자를 통해 요소를 선택할 수 있습니다. 링크 가상 클래스 종류 예시 이름 :link a:link {color:#fff;} 방문하지 않는 링크의 글씨 색을 하얀색으로 설정합니다. 참고(Reference) CSS
[CSS] 이미지 IR효과 이미지 IR효과 CSS는 선택자를 통해 요소를 선택할 수 있습니다. CSS CSS는 선택자를 통해 요소를 선택할 수 있습니다. 링크 가상 클래스 종류 예시 이름 :link a:link {color:#fff;} 방문하지 않는 링크의 글씨 색을 하얀색으로 설정합니다. 참고(Reference) CSS
[CSS] 이미지 스프라이트 이미지 스프라이트 CSS는 선택자를 통해 요소를 선택할 수 있습니다. CSS CSS는 선택자를 통해 요소를 선택할 수 있습니다. 링크 가상 클래스 종류 예시 이름 :link a:link {color:#fff;} 방문하지 않는 링크의 글씨 색을 하얀색으로 설정합니다. 참고(Reference) CSS
[CSS] 이미지 표현방법 이미지 표현방법 CSS는 선택자를 통해 요소를 선택할 수 있습니다. CSS CSS는 선택자를 통해 요소를 선택할 수 있습니다. 링크 가상 클래스 종류 예시 이름 :link a:link {color:#fff;} 방문하지 않는 링크의 글씨 색을 하얀색으로 설정합니다. 참고(Reference) CSS
[CSS] 박스모델 박스모델 CSS는 선택자를 통해 요소를 선택할 수 있습니다. 박스 모델 CSS는 선택자를 통해 요소를 선택할 수 있습니다. 박스 모델 속성 설명 width width 속성은 요소의 가로 값을 정의합니다. height height 속성은 콘텐츠 요소의 세로값을 설정합니다. max-width max-width 속성은 요소의 최대 가로 값을 설정합니다. max-height max-height 속성은 요소의 최대 세로값을 설정합니다. min-width min-width 속성은 요소의 최소 가로 값을 설정합니다. min-height min-height 속성은 요소의 최소 세로 값을 설정합니다. margin margin 속성은 요소의 바같쪽 여백을 설정합니다. margin-bottom margin-bottom 속성..