.shift() 메서드는 배열에서 첫 번째 요소를 제거하고, 제거된 요소를 반환합니다.
.shift() 메서드는 배열에서 첫 번째 요소를 제거하고, 제거된 요소를 반환합니다.
| 특징 | 설명 |
|---|---|
| 반환값(returns) | 배열에서 제거한 요소 or undefined |
Array.shift()
| 속성 | 설명 |
|---|---|
| <a> | <a> 태그는 다른 페이지 이동을 설정합니다. |
| <abbr> | <abbr> 태그는 줄임말이나 머리글자를 표현하는데 사용합니다. |
| <acronym> | <acronym> 태그는 줄임말이나 머리글자를 표현하는데 사용합니다. |
| <address> | <address> 태그는 페이지의 연락처 정보를 정의하는데 사용합니다. |
| <applet> | <applet> 태그는 애플랫 요소를 정의합니다. |
| <area> | <area> 태그는 이미지 맵의 영역을 정의합니다. |
| <article> | <article> 태그는 문서내에 독립적인 컨텐츠를 정의합니다. |
| <aside> | <aside> 태그는 문서내에 사이드 컨텐츠를 정의합니다. |
| <audio> | <audio> 태그는 오디오 파일을 정의합니다. |
| <b> | <b> 태그는 글씨를 두껍게 표현할 때 사용합니다. |
| <base> | <base> 태그는 문서의 모든 URL의 기본이 되는 기본 URL을 설정합니다. |
| <basefont> | <basefont> 태그는 문서의 기본 폰트, 사이즈, 종류를 설정합니다. |
| <bdi> | <bdi> 태그는 텍스트의 출력 방향을 브라우저가 판단해 표현합니다. |
| <bdo> | <bdo> 태그는 텍스트의 방향을 설정합니다. |
| <big> | <big> 태그는 텍스트 크기를 크게해줍니다. |
| <blockquote> | <blockquote> 태그는 긴 문장의 인용문을 정의합니다. |
| <blink> | <blink> 태그는 텍스트를 깜박이게 합니다. |
| <body> | <body> 태그는 문서 본문에 해당하는 콘텐츠를 포함하는 영역입니다. |
| <br> | <br> 태그는 텍스트를 줄바꿈 할 때 사용합니다. |
| <button> | <button> 태그는 클릭 할 수 있는 버튼을 설정합니다. |
| <canvas> | <canvas> 태그는 그림을 그리는 비트맵을 정의합니다. |
| <caption> | <caption> 태그는 table 요소의 제목을 설정합니다. |
| <center> | <center> 태그는 텍스트를 가운데 정렬합니다. |
| <cite> | <cite> 태그는 작품의 제목을 정의합니다. |
| <code> | <code> 태그는 컴퓨터 코드를 정의합니다. |
| <col> | <col> 태그는 테이블 요소의 행을 나타냅니다. |
| <colgroup> | <colgroup> 태그는 테이블 요소의 행을 그룹화합니다. |
| <data> | <data> 태그는 주어진 내용을 기계가 읽을 수 있도록 설정합니다. |
| <datalist> | <datalist> 태그는 미리 정의된 옵션의 리스트를 보여줍니다. |
| <dd> | <dd> 태그는 설명 목록 요소의 설명을 정의합니다. |
| <del> | <del> 태그는 문서 내에 삭제된 텍스트를 설정합니다. |
| <details> | <details> 태그는 추가정인 정보를 보여주거나 숨기게 할 수 있습니다. |
| <dfn> | <dfn> 태그는 전문적인 용어를 정의할 때 사용합니다. |
| <dialog> | <dialog> 태그는 추가정인 정보를 팝업(박스) 형식으로 보여줍니다. |
| <dir> | <dir> 태그는 디렉토리 제목을 나열하는데 사용합니다. |
| <div> | <div> 태그는 문서의 섹션을 만들거나 영역을 나눌 때 사용합니다. |
| <dl> | <dl> 태그는 설명 목록을 정의합니다. |
| <dt> | <dt> 태그는 설명 목록의 용어 및 이름을 정의합니다. |
| <em> | <em> 태그는 텍스트를 강조하는데 사용합니다. |
| <embed> | <embed> 태그는 외부 어플리케이션을 연결합니다. |
| <fieldset> | <fieldset> 태그는 폼 요소의 그룹 내부 영역을 설정합니다. |
| <figcaption> | <figcaption> 태그는 <figure> 요소의 제목을 정의합니다. |
| <figure> | <figure> 태그는 그림, 도표, 사진, 코드등의 주석으로 표시합니다. |
| <font> | <font> 태그는 폰트의 크기, 색, 종류를 설정합니다. |
| <footer> | <footer> 태그는 사이트 푸터부분을 정의합니다. |
| <form> | <form> 태그는 웹 서버에 정보를 제공하는 폼 컨트롤 유형을 정의합니다. |
| <frame> | <frame> 태그는 HTML문서가 표시 될 수 있는 특정 영역을 설정합니다. |
| <frameset> | <frameset> 태그는 프레임을 정의합니다. |
| <h1>~<h6> | <h1>~<h6> 태그는 섹션의 제목을 정의합니다. |
| <head> | <head> 태그는 사이트의 헤더 요소들을 정의합니다. |
| <header> | <header> 태그는 소개 컨텐츠 및 네비게이션 링크를 포함한 섹션입니다. |
| <hgroup> | <hgroup> 태그는 제목 요소 그룹화를 정의합니다. |
| <hr> | <hr> 태그는 문서의 주제를 분리할 때 사용합니다. |
| <html> | <html> 태그는 HTML 문서의 루트를 나타냅니다. |
| <i> | <i> 태그는 음성이나 분위기 등의 텍스트를 정의합니다. |
| <iframe> | <iframe> 태그는 HTML문서 내에 다른 문서를 포함하는데 사용합니다. |
| <img> | <img> 태그는 문서에 이미지를 표현할 때 사용합니다. |
| <input> | <input> 태그는 데이터를 입력할 수 있는 폼 컨트롤을 정의합니다. |
| <ins> | <ins> 태그는 문서 내에 추가된 텍스트를 정의합니다 |
| <kbd> | <kbd> 태그는 키보드 입력을 정의합니다. |
| <keygen> | <keygen> 태그는 보안키를 생성하고 컨트롤합니다. |
| <label> | <label> 태그는 <input> 요소의 라벨을 지정합니다. |
| <legend> | <legend> 태그는 <fieldset> 요소의 영역 제목을 정의합니다. |
| <li> | <li> 태그는 목록의 항목을 정의합니다. |
| <link> | <link> 태그는 문서와 외부 파일 연결을 정의합니다. |
| <main> | <main> 태그는 문서의 주요 콘텐츠를 정의합니다. |
| <map> | <map> 태그는 이미지 맵을 정의합니다. |
| <mark> | <mark> 태그는 참고 표시를 정의합니다. |
| <marquee> | <marquee> 태그는 텍스트의 스크롤과 움직임을 정의합니다. |
| <menu> | <menu> 태그는 메뉴 리스트를 정의합니다. |
| <menuitem> | <menuitem> 태그는 메뉴 리스트를 항목을 정의합니다. |
| <meta> | <meta> 태그는 문서에 대한 정보를 제공합니다. |
| <meter> | <meter> 태그는 범위를 측정하는 게이지 정보를 정의합니다. |
| <nav> | <nav> 태그는 네비게이션 링크를 정의합니다. |
| <noframes> | <noframes> 태그는 프레임을 지원하지 않는 브라우저를 위한 대체 태그입니다. |
| <noscript> | <noscript> 태그는 스크립트를 지원하지 않는 브라우저를 위한 대체 태그입니다. |
| <object> | <object> 태그는 문서내에 포함된 멀티미디어 요소를 정의합니다. |
| <ol> | <ol> 태그는 순서가 있는 목록을 정의합니다. |
| <optgroup> | <optgroup> 태그는 <option> 리스트를 그룹화합니다. |
| <option> | <option> 태그는 <select> 요소의 항목을 정의합니다. |
| <output> | <output> 태그는 계산의 결과를 보여줍니다. |
| <p> | <p> 태그는 문단을 정의합니다. |
| <param> | <param> 태그는 <object> 의 매개변수를 정의합니다. |
| <picture> | <picture> 태그는 디바이스별 이미지를 제공합니다. |
| <pre> | <pre> 태그는 텍스트의 포맷을 정의합니다. |
| <pregress> | <pregress> 태그는 작업의 진행상태를 정의합니다. |
| <q> | <q> 태그는 짧은 인용을 정의합니다 |
| <rp> | <rp> 태그는 루비 주석을 괄호로 표현하기 위해서 사용합니다. |
| <rt> | <rt> 태그는 루비 주석에 대한 설명이나 발음을 정의합니다. |
| <rtc> | <rtc> 태그는 루비 주석에 대한 설명이나 발음을 정의합니다. |
| <ruby> | <ruby> 태그는 루비 주석을 정의합니다. |
| <s> | <s> 태그는 정확하지 않거나 올바르지 않은 텍스트를 정의합니다. |
| <samp> | <samp> 태그는 컴퓨터 프로그램의 샘플 출력을 식별하기위한 요소입니다. |
| <script> | <script> 태그는 스크립트를 정의하는데 사용합니다. |
| <section> | <section> 태그는 주제별 그룹의 콘텐츠 섹션을 정의합니다. |
| <select> | <select> 태그는 선택 목록을 정의합니다. |
| <small> | <small> 태그는 저작권 또는 법적인 텍스트를 정의합니다. |
| <source> | <source> 태그는 미디어 요소에 대한 소스를 지정하는데 사용합니다. |
| <span> | <span> 태그는 인라인 요소 그룹화를 정의합니다. |
| <strike> | <span> 태그는 취소선을 정의합니다. |
| <strong> | <strong> 태그는 중요한 의미를 갖는 텍스트를 정의합니다. |
| <style> | <style> 태그는 문서에 대한 스타일 정보를 정의합니다. |
| <sub> | <sub> 태그는 텍스트 아래첨자를 정의합니다. |
| <summary> | <summary> 태그는 <details>요소 내용에 대한 요약 또는 제목을 정의합니다. |
| <sup> | <sup> 태그는 텍스트 위첨자를 정의합니다. |
| <svg> | <sup> 태그는 SVG를 정의합니다. |
| <table> | <table> 태그는 표를 정의합니다. |
| <tbody> | <tbody> 태그는 표의 본문을 그룹화합니다. |
| <td> | <td> 태그는 표의 셀을 정의합니다. |
| <template> | <td> 태그는 템플릿을 표현합니다. |
| <textarea> | <textarea> 태그는 여러줄의 텍스트를 편집할 수 있는 컨트롤을 정의합니다. |
| <tfoot> | <tfoot> 태그는 표의 푸터를 그룹화합니다. |
| <th> | <th> 태그는 표의 행이나 열에 머리말을 정의합니다. |
| <thead> | <thead> 태그는 표의 헤더를 그룹화합니다. |
| <time> | <time> 태그는 날자와 시간을 정의합니다. |
| <title> | <title> 태그는 HTML문서의 타이틀을 정의합니다. |
| <tr> | <tr> 태그는 표의 행을 정의합니다. |
| <track> | <track> 태그는 미디어 요소의 트랙을 지정합니다. |
| <tt> | <tt> 태그는 타자모양의 텍스트를 정의합니다. |
| <u> | <u> 태그는 밑줄을 표시할 때 사용합니다. |
| <ul> | <ul> 태그는 순서가 없는 목록을 정의합니다. |
| <var> | <var> 태그는 프로그램 코드에서 변수를 정의합니다. |
| <video> | <video> 태그는 미디어 영상을 재생합니다. |
| <wbr> | <wbr> 태그는 줄바꿈 할 위치를 정의합니다. |
| 속성 | 설명 |
|---|---|
| align-content | align-content 속성은 콘텐츠의 상하관계 정렬 상태를 정의합니다. |
| align-items | align-items 속성은 콘텐츠 내부의 정렬 상태를 정의합니다. |
| align-self | align-self 속성은 콘텐츠의 정렬 상태를 정의합니다. |
| all | all 속성은 요소의 속성을 초기화 또는 상속을 설정합니다. |
| animation | animation 속성은 애니메이션을 정의합니다. |
| animation-delay | animation-delay 속성은 요소가 로드된 후 애니메이션이 시작될 때 까지의 시간을 나타냅니다. |
| animation-direction | animation-direction 속성은 애니메이션 움직임 방향을 설정합니다. |
| animation-duration | animation-duration 속성은 애니메이션 움직임 시간을 설정합니다. |
| animation-fill-mode | animation-fill-mode 속성은 애니메이션이 끝난 후의 상태를 설정합니다. |
| animation-iteration-count | animation-iteration-count 속성은 애니메이션 반복 횟수 설정합니다. |
| animation-name | animation-name 속성은 애니메이션 keyframe 이름을 설정합니다. |
| animation-play-state | animation-play-state 속성은 애니메이션 진행상태를 설정합니다. |
| animation-timing-function | animation-timing-function 속성은 움직임의 속도를 정의합니다. |
| backface-visibility | backface-visibility 속성은 요소의 뒷면을 정의합니다. |
| background | background 속성은 배경 속성 값을 정의합니다. |
| background-attachment | background-attachment 속성은 배경이미지의 고정여부를 설정하기 위한 속성입니다. |
| background-blend-mode | background-blend-mode 속성은 배경이미지의 고정여부를 설정하기 위한 속성입니다. |
| background-clip | background-clip 속성은 배경이미지의 고정여부를 설정하기 위한 속성입니다. |
| background-color | background-color 속성은 백그라운 색을 설정합니다. |
| background-image | background-image 속성은 백그라운 색을 설정합니다. |
| background-origin | background-origin 속성은 백그라운 색을 설정합니다. |
| background-position | background-position 속성은 백그라운 이미지의 위치 영역을 설정합니다. |
| background-repeat | background-repeat 속성은 백그라운 이미지 반복여부를 설정합니다. |
| background-size | background-size 속성은 백그라운드 이미지 사이즈를 설정합니다. |
| border | border 속성은 테두리 속성을 설정합니다. |
| border-bottom | border-bottom 속성은 테두리 아래쪽 테두리 속성을 설정합니다. |
| border-bottom-color | border-bottom-color 속성은 테두리 아래쪽 색 속성을 설정합니다. |
| border-bottom-left-radius | border-bottom-left-radius 속성은 아래부분 왼쪽 모서리 굴곡을 설정합니다. |
| border-bottom-right-radius | border-bottom-right-radius 속성은 아래부분 오른쪽 모서리 굴곡을 설정합니다. |
| border-bottom-style | border-bottom-style 속성은 아래쪽 테두리 스타일 속성을 설정합니다. |
| border-bottom-width | border-bottom-width 속성은 아래쪽 테두리 두께 속성을 설정합니다. |
| border-collapse | border-collapse 속성은 테이블의 테두리 분리여부를 정의합니다. |
| border-color | border-color 속성은 테두리 색 속성을 설정합니다. |
| border-image | border-image 속성은 테두리 이미지 속성을 설정합니다. |
| border-image-outset | border-image-outset 속성은 테두리 이미지 간격 속성을 설정합니다. |
| border-image-repeat | border-image-repeat 속성은 테두리 이미지 반복 속성을 설정합니다. |
| border-image-slice | border-image-slice 속성은 테두리 이미지 크기 속성을 설정합니다. |
| border-image-source | border-image-source 속성은 테두리 이미지 경로 속성을 설정합니다. |
| border-image-width | border-image-width 속성은 테두리 이미지 두께 속성을 설정합니다. |
| border-left | border-left 속성은 왼쪽 테두리 속성을 설정합니다. |
| border-left-color | border-left-color 속성은 왼쪽 테두리 색 속성을 설정합니다. |
| border-left-style | border-left-style 속성은 왼쪽 테두리 스타일 속성을 설정합니다. |
| border-left-width | border-left-width 속성은 왼쪽 테두리 두께 속성을 설정합니다. |
| border-radius | border-radius 속성은 모서리 굴곡을 설정합니다. |
| border-right | border-right 속성은 오른쪽 테두리 속성을 설정합니다. |
| border-right-color | border-right-color 속성은 오른쪽 테두리 색 속성을 설정합니다. |
| border-right-style | border-right-style 속성은 오른쪽 테두리 스타일 속성을 설정합니다. |
| border-right-width | border-right-width 속성은 오른쪽 테두리 두께 속성을 설정합니다. |
| border-spacing | border-spacing 속성은 테이블의 테두리 간격을 설정합니다. |
| border-style | border-style 속성은 테두리 스타일 속성을 설정합니다. |
| border-top | border-top 속성은 위쪽 테두리 속성을 설정합니다. |
| border-top-color | border-top-color 속성은 위쪽 테두리 색 속성을 설정합니다. |
| border-top-left-radius | border-top-left-radius 속성은 윗부분 왼쪽 모서리 굴곡을 설정합니다. |
| border-top-right-radius | border-top-right-radius 속성은 윗부분 오른쪽 모서리 굴곡을 설정합니다. |
| border-top-style | border-top-style 속성은 위쪽 테두리 스타일 속성을 설정합니다. |
| border-top-width | border-top-width 속성은 위쪽 테두리 두께 속성을 설정합니다. |
| border-width | border-width 속성은 테두리 두께 속성을 설정합니다. |
| bottom | bottom 속성은 위치 요소의 아래쪽 속성을 설정합니다. |
| box-decoration-break | box-decoration-break 속성은 컬럼 및 줄바꿈시 테두리와 패딩의 방식을 설정합니다. |
| box-shadow | box-shadow 속성은 박스 요소의 그림자를 설정합니다. |
| box-sizing | box-sizing 속성은 크기 및 높이 여부의 포함을 설정합니다. |
| caption-side | caption-side 속성은 caption의 위치를 설정합니다. |
| caret-color | caret-color 속성은 input의 커서 색을 정의합니다. |
| clear | clear 속성은 float 요소의 성질을 차단합니다. |
| clip | clip 속성은 절대 요소의 위치 값을 지정합니다. |
| color | color 속성은 글씨 색을 설정합니다. |
| column-count | column-count 속성은 컬럼의 수를 정의합니다. |
| column-fill | column-fill 속성은 열의 지정방법을 정의합니다. |
| column-gap | column-gap 속성은 열의 간격을 정의합니다. |
| column-rule | column-rule 속성은 컬럼 라인의 가로값, 스타일, 컬러를 정의합니다. |
| column-rule-color | column-rule-color 속성은 컬럼의 라인 색을 정의합니다. |
| column-rule-style | column-rule-style 속성은 컬럼 라인의 스타일을 정의합니다. |
| column-rule-width | column-rule-width 속성은 컬럼 라인의 가로값을 정의합니다. |
| column-span | column-span 속성은 열의 속성을 정의합니다. |
| column-width | column-width 속성은 컬럼의 가로 값을 정의합니다. |
| columns | columns 속성은 열의 폭과 열의 수를 정의합니다. |
| content | content 속성은 콘텐츠 내용을 설정합니다. |
| counter-increment | counter-increment 속성은 콘텐츠의 순서 상태를 정의합니다. |
| counter-reset | counter-reset 속성은 콘텐츠의 숫자를 초기화합니다. |
| cursor | cursor 속성은 마우스 오버시 마우스 포인터를 정의합니다. |
| direction | direction 속성은 문장의 방향을 설정합니다. |
| display | display 속성은 요소의 성질을 정의합니다. |
| empty-cells | empty-cells 속성은 테이블의 빈요소의 속성을 설정합니다. |
| filter | filter 속성은 이미지의 비쥬얼 효과를 정의합니다. |
| flex | flex 속성은 콘텐츠의 성질을 flex로 정의합니다. |
| flex-basis | flex-basis 속성은 요소의 기본 단위를 정의합니다. |
| flex-direction | flex-direction 속성은 요소의 정렬 방향을 정의합니다. |
| flex-flow | flex-flow 속성은 요소의 정렬 방향과 줄 속성을 설정합니다. |
| flex-grow | flex-grow 속성은 요소의 크기를 숫자를 통해 정의합니다. |
| flex-shrink | flex-shrink 속성은 요소의 크기를 숫자를 통해 줄여줍니다. |
| flex-wrap | flex-wrap 속성은 요소의 줄 속성을 설정합니다. |
| float | float 속성은 블록요소의 정렬 상태를 설정합니다. |
| 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 | font-weight 속성은 폰트의 두께를 정의합니다. |
| grid | grid 속성은 그리드 레이아웃을 정의합니다. |
| grid-area | grid-area |
| grid-auto-columns | grid-auto-columns |
| grid-auto-flow | grid-auto-flow |
| grid-auto-rows | grid-auto-rows |
| grid-column | grid-column |
| grid-column-end | grid-column-end |
| grid-column-gap | grid-column-gap |
| grid-column-start | grid-column-start |
| grid-gap | grid-ga |
| grid-row | grid-row |
| grid-row-end | grid-row-en |
| grid-row-gap | grid-row-gap |
| grid-row-start | grid-row-start |
| grid-template | grid-template |
| grid-template-areas | grid-template-areas |
| grid-template-columns | grid-template-columns |
| grid-template-rows | grid-template-rows |
| hanging-punctuation | hanging-punctuation 속성은 글씨의 시작 및 끝의 위치 정의합니다. |
| height | height 속성은 콘텐츠 요소의 세로값을 설정합니다. |
| hyphens | hyphens 속성은 텍스트의 하이픈 영역을 설정합니다. |
| isolation | isolation 속성은 stacking context을 설정합니다. |
| justify-content | justify-content 속성은 콘텐츠의 좌우 관계 정렬 상태를 정의합니다. |
| left | left 속성은 위치 요소의 왼쪽 속성을 설정합니다. |
| letter-spacing | letter-spacing 속성은 글자 사이의 간격을 설정합니다. |
| line-height | line-height 속성은 문장과 문장 사이의 간격을 설정합니다. |
| list-style | list-style 속성은 목록 스타일 속성을 설정합니다. |
| list-style-image | list-style-image 속성은 목록 마커의 이미지를 설정합니다. |
| list-style-position | list-style-position 속성은 목록 마커의 위치 속성을 설정합니다. |
| list-style-type | list-style-type 속성은 목록 마커의 유형을 설정합니다. |
| margin | margin 속성은 요소의 바같쪽 여백을 설정합니다. |
| margin-bottom | margin-bottom 속성은 요소의 아래 바같쪽 여백을 설정합니다. |
| margin-left | margin-left 속성은 요소의 왼쪽 바같쪽 여백을 설정합니다. |
| margin-right | margin-right 속성은 요소의 오른쪽 바같쪽 여백을 설정합니다. |
| margin-top | margin-top 속성은 요소의 위부분 바같쪽 여백을 설정합니다. |
| max-height | max-height 속성은 요소의 최대 세로값을 설정합니다. |
| max-width | max-width 속성은 요소의 최대 가로 값을 설정합니다. |
| min-height | min-height 속성은 요소의 최소 세로 값을 설정합니다. |
| min-width | min-width 속성은 요소의 최소 가로 값을 설정합니다. |
| mix-blend-mode | mix-blend-mode 속성은 배경의 혼합 상태를 정의합니다. |
| object-fit | object-fit 속성은 <img>, <video> 태그의 크기를 정의합니다. |
| object-position | object-position 속성은 <img>, <video> 태그의 위치를 정의합니다. |
| opacity | opacity 속성은 요소의 투명도를 설정합니다. |
| order | order 속성은 flex 콘텐츠의 순서를 정의합니다. |
| outline | outline 속성은 아웃라인의 색, 스타일, 두께를 정의합니다. |
| outline-color | outline-color 속성은 아웃라인의 색을 정의합니다. |
| outline-offset | outline-offset 속성은 아웃라인의 간격을 정의합니다. |
| outline-style | outline-style 속성은 아웃라인 스타일을 정의합니다. |
| outline-width | outline-width 속성은 아웃라인의 두께를 정의합니다. |
| overflow | overflow 속성은 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다. |
| overflow-x | overflow-x 속성은 X축을 기준으로 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다. |
| overflow-y | overflow-y 속성은 Y축을 기준으로 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다. |
| padding | padding 속성은 요소의 안쪽 여백을 설정합니다. |
| padding-bottom | padding-bottom 속성은 요소의 아래쪽 여백을 설정합니다. |
| padding-left | padding-left 속성은 요소의 왼쪽 여백을 설정합니다. |
| padding-right | padding-right 속성은 요소의 오른쪽 여백을 설정합니다. |
| padding-top | padding-top 속성은 요소의 위쪽 여백을 설정합니다. |
| page-break-after | page-break-after 속성은 페이지 인쇄시 분리에 관한 설정을 정의합니다. |
| page-break-before | page-break-before 속성은 인쇄시 페이지 분리에 관한 설정을 정의합니다. |
| page-break-inside | page-break-inside 속성은 인쇄시 페이지 분리에 관한 설정을 정의합니다. |
| perspective | perspective 속성은 3D를 표현할 때 원근점을 정의합니다. |
| perspective-origin | perspective-origin 속성은 3D를 표현할 때 원근점의 방향을 정의합니다. |
| pointer-events | pointer-events 속성은 포인터 이벤트 반응을 정의합니다. |
| position | position 속성은 요소의 위치를 설정합니다. |
| quotes | quotes 속성은 인용 부호를 정의합니다. |
| resize | resize 속성은 요소의 사이즈를 정의합니다. |
| right | right 속성은 위치 요소의 오른쪽 속성을 설정합니다. |
| tab-size | tab-size 속성은 글씨의 간격을 정의합니다. |
| table-layout | table-layout 속성은 표의 레이아웃 크기를 정의합니다. |
| text-align | text-align 속성은 텍스트 정렬 방식을 설정합니다. |
| text-align-last | text-align-last 속성은 문장의 마지막 텍스트 정렬 방식을 설정합니다. |
| text-decoration | text-decoration 속성은 글자 라인 속성을 설정합니다. |
| text-decoration-color | text-decoration-color 속성은 글자 라인 색을 설정합니다. |
| text-decoration-line | text-decoration-line 속성은 글자 라인 스타일을 설정합니다. |
| text-decoration-style | text-decoration-style 속성은 글자 스타일을 정의합니다. |
| text-indent | text-indent 속성은 문단 들여쓰기 속성을 설정합니다. |
| text-justify | text-justify 속성은 텍스트의 간격을 정의합니다. |
| text-overflow | text-overflow 속성은 문자열 영역 속성을 설정합니다. |
| text-shadow | text-shadow 속성은 텍스트에 그림자를 설정합니다. |
| text-transform | text-transform 속성은 텍스트를 대문자나 소문자로 변경합니다. |
| top | top 속성은 위치 요소의 위쪽 속성을 설정합니다. |
| transform | transform 속성은 요소의 움직임을 표현합니다. |
| transform-origin | transform-origin 속성은 요소의 움직임 방향을 정의합니다. |
| transform-style | transform-style 속성은 요소의 움직임 스타일을 정의합니다. |
| transition | transition 속성은 요소의 움직임을 정의합니다. |
| transition-delay | transition-delay 속성은 요소의 움직임 시간을 지연합니다. |
| transition-duration | transition-duration 속성은 요소의 움직임 지속시간을 정의합니다. |
| transition-property | transition-property 속성은 transition의 적용 여부를 정의합니다. |
| transition-timing-function | transition-timing-function 속성은 요소의 움직임 기능을 정의합니다. |
| unicode-bidi | unicode-bidi 속성은 글자의 방향 속성을 설정합니다. |
| user-select | user-select 속성은 요소의 텍스트를 선택할 지 정의합니다. |
| vertical-align | vertical-align 속성은 텍스트의 상하 정렬 방식을 설정합니다. |
| visibility | visibility 속성은 요소를 보이지 않게 정의합니다. |
| white-space | white-space 속성은 줄바꿈, 공백, 줄 속성을 설정합니다. |
| width | width 속성은 요소의 가로 값을 정의합니다. |
| word-break | word-break 속성은 줄바꿈 속성을 설정합니다. |
| word-spacing | word-spacing 속성은 단어 사이의 간격을 정의합니다. |
| word-wrap | word-wrap 속성은 줄바꿈을 설정합니다. |
| z-index | z-index 속성은 요소의 위치가 겹칠 경우 순서를 정의합니다. |
