본문 바로가기

Webstoryboy

Category

Explanation

HTML

CSS

JAVASCRIPT

JQUERY

준비중
준비중

REFERENCE/HTML

(124)
[HTML] <wbr> 태그는 줄바꿈 할 위치를 정의할 때 사용합니다. 태그의 사용은 제한적입니다. 일반적인 한글이나 영어에서는 해당이 되지 않습니다. 의미가 없는 단어나 해석 할 수 없는 단어의 줄바꿈을 할 때 사용합니다. 예를 들면 의미적 전달이 안되는 브라우저의 주소가 가장 적절한 예가 될 것입니다. 단어의 줄바꿈이나 글자의 줄바꿈을 컨트롤 하고 싶다면 word-break 속성을 사용합니다. 태그는 줄바꿈 할 위치를 정의할 때 사용합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용 안함 버전 HTML5 시각적 표현 줄바꿈 정의(Definition) 태그는 일반적인 한글이나 영어에 해당되지 않는 글자에서 사용합니다. 태그는 줄바꿈 할 위치를 정의할 때 사용합니다. 태그는 단어가 너무..
[HTML] <video> 웹 문서에 동영상을 재생하는 미디어 플레이어입니다. 비디오의 너비와 정보를 지정하고 여러가지 속성을 지정할 수 있습니다. 비디오를 지원하는 파일은 mp4, webM, avi, ogg가 있으며, 브라우저마다 지원하는 파일이 다릅니다. 모든 브라우저의 호환성을 맞추기 위해서는 여러가지 파일을 동시에 사용하여야 합니다. 태그를 사용하여 비디오 파일을 불러올 수 있습니다. 태그는 미디어 영상을 정의합니다. 특징 설명 요소 블록 요소(block Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML5 시각적 표현 동영상 표현 정의(Definition) 태그는 미디어 영상을 재생합니다. 태그는 태그와 같이 사용합니다. 비교(Compare) 동영상을 재생할 때에는 태그를 사용합니다. 외부 프로그램이나 플러..
[HTML] <var> 태그는 수학적인 변수나 프로그램의 변수를 쓸 때 사용합니다. 일반적으로 기울기체로 표시되지만 브라우저마다 다릅니다. 태그는 수학적인 변수나 프로그램의 변수를 정의합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML5 시각적 표현 이탤릭체 정의(Definition) 태그는 수학적인 변수나 프로그램의 변수를 정의합니다. 비교(Compare) 컴퓨터 소스 코드를 나타내는 텍스트는 태그를 사용합니다. 수학적인 변수나 프로그램의 변수를 나타내는 텍스트는 태그를 사용합니다. 컴퓨터 프로그램으로 출력된 결과물을 나타내는 텍스트는 태그를 사용합니다. 키보드 입력요소를 나타내는 텍스트는 태그를 사용합니다. 샘플(Sample) Sample1 .prevUntil..
[HTML] <ul> 일반적인 글이나 문장을 쓴다면 태그를 사용합니다. 태그는 일반적인 글 보다는 목록 형식의 글을 사용할 때 씁니다. 목록을 쓸 때 순서가 상관이 없다면 태그를 사용하며, 순서가 상관이 있다면 태그를 사용합니다. 무엇인가를 설명하고 정의할 때는 태그를 사용합니다. 목록형 태그에는 각각의 항목이 있기 때문에 이 때에는 태그를 같이 사용해야 합니다. 태그의 경우에는 또는 를 같이 사용합니다. 태그 안에는 또 다른 태그 또는 태그가 올 수 있으며, 2단 3단 목록형 태그로도 사용가능합니다. 목록형 태그를 사용하면 블릿기호가 생깁니다. ul 태그는 점과, 사각형 점이 생기고, ol 태그는 번호가 생기며, dl은 아무것도 생기지 않습니다. 이런 블릿기호는 CSS list-style-type에서 설정이 가능합니다. 태..
[HTML] <u> 태그는 HTML4에서는 밑줄을 표시하기 위해서 사용하였습니다. 하지만 밑줄 기능은 CSS로 충분히 표현 가능하기 때문에 더 이상 사용하지 않게 되었습니다. HTML5에서는 철자 오류 및 주석 표시를 위한 태그로 의미가 변경되었습니다. 이 태그는 밑줄을 표시하기 위한 디자인적인 요소로 사용하면 안됩니다. 철자 오류 및 주석 표시를 위한 태그입니다. 밑줄을 표시하기 위함이라면 text-decoration 속성을 이용하면 됩니다 태그는 철자 오류가 포함된 단락을 표시하며, 빨간색 물결 밑줄 스타일로 오류를 표시합니다. 태그는 맞춤법이 틀린 단어를 표시할 때 정의합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4(HTML5에서 의미 변경) 시각적..
[HTML] <tt> 태그는 타자모양의 텍스트를 보여주기 위한 태그입니다. HTML5에서 지원하지 않으며, 지금은 사용하지 않는 태그입니다. 구버전의 브라우저에서는 작동 될 수 있지만 최신 브라우저에서는 지원되지 않을 수 있습니다. 사용을 권하지 않습니다. 소스코드를 텍스트를 표현하고 싶다면 , 프로그램 변수 텍스트를 표현하고 싶다면 , 프로그램 출력결과 텍스트를 표현하고 싶다면 , 키보드 텍스트를 표현하고 싶다면 태그를 사용합니다. 디자인적인 요소를 위함이라면 CSS를 사용합니다. 태그는 타자모양의 텍스트를 정의합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4(HTML5에서 지원하지 않습니다.) 시각적 표현 monotype 폰트 정의(Definition) ..
[HTML] <track> 태그는 태그와 태그의 자막을 설정합니다. 자막은 vvt 파일을 이용하여 사용합니다. 태그는 미디어 요소의 자막을 정의합니다. 특징 설명 요소 해당 없음 닫는 태그 닫는 태그 사용 안함() 버전 HTML5 시각적 표현 자막 표시 정의(Definition) 태그는 미디어 요소의 자막을 설정합니다. 태그는 태그 또는 태그와 같이 사용합니다. 속성(Property) 속성 값(예) 설명 버전 default default 트랙 중에 가장 기본이 되는 트랙에 설정합니다. - kind captions chapters descriptions metadata subtitles 트랙의 제목을 설정합니다. 트랙의 챕터를 설정합니다. 트랙의 설명을 설정합니다. 트랙의 메타데이터를 설정합니다. 트랙의 자막 설정합니다. - lab..
[HTML] <tr> 태그는 표의 행을 설정합니다. 태그는 표를 만들 때 사용합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과 열을 나타내는 , 등을 사용합니다. 여기에 접근성을 위해 scope 속성을 사용하고 셀의 병합을 위해 colspan과 rowspan을 사용하게 됩니다. 태..
[HTML] <title> 태그는 브라우저의 제목 또는 탭에 표시되는 문서의 제목을 표시합니다. 타이틀에는 텍스트만 설정할 수 있으며, 태그들은 무시됩니다. 웹 사이트의 가장 중요한 제목을 표시하며, 검색에 있어서도 가장 중요한 부분입니다. 제목은 검색 결과 페이지를 나열하는 순서를 결정하는데 가장 중요한 구성요소이며, 독자의 주의를 끌 수 있는 가장 중요한 부분입니다. 그래서 독자의 주의를 표시하기 위하며 의미 없는 단어의 작업은 검색에 있어 효율적이지 못하며, 한 단어 또는 두 단어의 제목도 피하는게 좋습니다. 검색 엔진은 일반적으로 페이지에 제목 중 50~60자 정도만 표시해 줍니다. 그래서 그 이상 쓰는 것도 좋지 않습니다. 그 이후의 글자는 생략 될 수 도 있습니다. 자신의 사이트 내에서 가장 핵심적인 부분만 제목으로 설..
[HTML] <time> 태그는 시간의 특정 기간을 나타낼 때 사용합니다. 날짜를 인식하기 위해서는 datetime 속성을 같이 사용하며 엔진 결과나 알림 같은 기능을 개선 할 수 있습니다. 시간은 24시간을 기준으로 설정하며 날짜는 그레고리력(Gregorian calendar)을 기준으로 표현합니다. 태그는 날짜와 시간을 정의합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML5 시각적 표현 시각적인 표현은 없음, 브라우저가 인식할 수 있음 정의(Definition) 태그는 날짜와 시간을 정의합니다. Datetime 속성 datetime은 브라우저가 인식할 수 있는 속성입니다. 데이터 타임은 형식에 맞게 작성하여야 합니다. 년도만 표시하는 경우 : 2019 년도와 달을..
[HTML] <thead> 태그는 표의 헤더 영역을 그룹화합니다. 태그는 표를 만들 때 사용합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과 열을 나타내는 , 등을 사용합니다. 여기에 접근성을 위해 scope 속성을 사용하고 셀의 병합을 위해 colspan과 rowspan을 사용하게 됩..
[HTML] <th> 태그는 행이나 열에 타이틀을 설정합니다. 태그는 표를 만들 때 사용합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과 열을 나타내는 , 등을 사용합니다. 여기에 접근성을 위해 scope 속성을 사용하고 셀의 병합을 위해 colspan과 rowspan을 사용하게 ..
[HTML] <tfoot> 태그는 표의 푸터 영역을 그룹화합니다. 태그는 표를 만들 때 사용합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과 열을 나타내는 , 등을 사용합니다. 여기에 접근성을 위해 scope 속성을 사용하고 셀의 병합을 위해 colspan과 rowspan을 사용하게 됩..
[HTML] <textarea> 태그는 여러줄의 텍스트를 편집할 수 있습니다. 코멘트 또는 피드백 양식으로 크기와 여러가지 속성을 설정할 수 있습니다. 접근성을 위해 요소를 같이 사용하며, 서버에 전송하기 위해 name 속성도 같이 사용합니다. row와 col 속성을 사용하면 텍스트 영역을 지원할 수 있으며, 브라우저마다 기본 값이 다를 수 있습니다. maxlength 속성을 이용하면 최대 문자수와 최소 문자수를 지정할 수 있으며, 필수 요소인 경우 필수요소로 설정할 수 있습니다. wrap 속성은 글의 줄바꿈을 설정할 수 있으며, placeholder를 이용하면 텍스트 영역의 미리보기 힌트 글자를 설정 할 수 있습니다. 태그는 여러줄의 텍스트를 편집할 수 있는 컨트롤을 정의합니다. 특징 설명 요소 인라인 요소(Inline Element..
[HTML] <template> 태그는 페이지가 로드 될 때 렌더링되지 않고 자바스크립트를 이용하여 HTML을 표현해주는 태그입니다. 템플릿을 설정하고 내용은 스크립트를 통해 처리하는 방식입니다. 웹 문서에 사용하기 위한 템플렛을 정의합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML5 정의(Definition) 웹 문서에 사용하기 위한 템플렛을 정의합니다. 호환성(Compatibility) 6 7 8 9 10 11 사용가능 사용가능 사용가능 사용가능 사용가능 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용가능 사용가능 사용가능
[HTML] <td> 태그는 표의 열(셀)을 설정합니다. 태그는 표를 만들 때 사용합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과 열을 나타내는 , 등을 사용합니다. 여기에 접근성을 위해 scope 속성을 사용하고 셀의 병합을 위해 colspan과 rowspan을 사용하게 됩니다..
[HTML] <tbody> 태그는 표의 본문 영역을 그룹화합니다. 태그는 표를 만들 때 사용합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과 열을 나타내는 , 등을 사용합니다. 여기에 접근성을 위해 scope 속성을 사용하고 셀의 병합을 위해 colspan과 rowspan을 사용하게 됩..
[HTML] <table> 태그는 표를 설정합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과 열을 나타내는 , 등을 사용합니다. 여기에 접근성을 위해 scope 속성을 사용하고 셀의 병합을 위해 colspan과 rowspan을 사용하게 됩니다. 태그는 표를 설정합니다. 특징 설명 요소 ..
[HTML] <svg> SVG(Scalable Vector Graphics)는 벡터 방식의 2차원 그림을 그리기 위한 XML기반의 마크업 언어입니다. SVG는 텍스트 기반의 표준 방식이며, HTML이나 CSS를 이용하여 사용 할 수 있습니다. SVG는 XML 파일을 기반으로 하고 있기 때문에 인덱싱이나 압축이 가능하며, 일러스트레이터와 같은 프로그램을 통해 편집도 가능합니다. SVG는 1999년부터 W3C(World Wide Web Consortium)에 개발한 표준 언어입니다. 태그는 벡터 방식의 그림을 정의합니다. 특징 설명 요소 - 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 정의(Definition) 태그는 벡터 방식의 그림을 정의합니다. 비교(Compare) 태그는 비트맵 방식의 그림을 정의합니다. 태그는 벡터..
[HTML] <sup> 태그는 텍스트의 위첨자를 사용할 때 쓰입니다. 주로 수학적인 공식에서 많이 사용하게 됩니다. 태그는 디자인적인 요소를 사용하는 것은 적합하지 않습니다. 태그의 위치는 변경이 필요한 경우에는 vertical-align 속성을 사용하면 변경할 수 있으며, 이런 모양이나 위치는 브라우저마다 틀릴 수 있으니 확인이 필요합니다. 태그는 텍스트 위첨자를 정의합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 시각적 표현 문자의 절반 위로 위치하고, 작은 글씨로 표현 정의(Definition) 태그는 텍스트 위첨자(Superscript)를 정의합니다. 태그는 첨자 텍스트는 문자의 절반 위로 위치하고, 작은 글씨로 표현됩니다. 비교(Compare) 글씨..
[HTML] <summary> 태그는 접기/펼치기 목록을 설정합니다. 자바스크립트를 이용하여 컨텐츠 내용을 숨기고 보여줄 수 있는 기능을 HTML 태그를 통해 구현할 수 있습니다. 접기/펼치기 목록의 제목은 태그를 통해 설정합니다. 태그는 요소에 대한 요약 또는 제목을 정의합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML5 정의(Definition) 태그는 요소에 대한 요약 또는 제목을 정의합니다. 태그에는 제목 태그나 강조 태그를 사용할 수 있습니다. 비교(Compare) 접기/펼치기 목록을 사용시 태그를 사용합니다. 접기/펼치기 목록의 제목은 태그를 사용합니다. Sample1 태그와 태그의 사용 예제입니다. 결과 더 자세한 정보를 알고 싶다면? 접기/펼치기 목록은 de..
[HTML] <sub> 태그는 텍스트의 아래첨자를 사용할 때 쓰입니다. 주로 수학적인 공식이나 화학식에서 많이 사용하게 됩니다. 태그는 디자인적인 요소를 사용하는 것은 적합하지 않습니다. 태그의 위치는 변경이 필요한 경우에는 vertical-align 속성을 사용하면 변경할 수 있으며, 이런 모양이나 위치는 브라우저마다 틀릴 수 있으니 확인이 필요합니다. 태그는 텍스트 아래첨자를 정의합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 시각적 표현 문자의 절반 아래로 위치하고, 작은 글씨로 표현 정의(Definition) 태그는 텍스트 아래첨자(Subscript)를 정의합니다. 태그는 문자의 절반 아래로 위치하고, 작은 글씨로 표현됩니다. 태그는 수학 공식이나 화..
[HTML] <style> ) 버전 HTML4 정의(Definition) 태그는 웹 문서에 대한 스타일 정보를 정의합니다. 태그는 한 문서에서 여러번 사용할 수 있습니다. 스타일을 표현하는 방법 인라인 스타일(inline style) : 태그에 직접 사용하는 방법 인터널 스타일(internal style) : head 태그 안에 사용하는 방법 익스터널 스타일(external style) : 외부 파일로 연결하는 방법 속성(Property) 속성 값(예) 설명 버전 media media = "screen" 미디어 유형을 설정합니다. - type type = "text/css" 스타일 유형을 설정합니다. - title title = "name" 간단한 제목을 설정합니다. - scoped scoped 부모와 자식요소의 관계를 설정합니다..
[HTML] <strong> 태그는 텍스트의 중요성을 강조할 때 설정합니다. 일반적으로 텍스트는 굵게 표현이 됩니다. 태그는 다른 태그와 유사한 점이 있기 때문에 비교하며 적절한 곳에 사용해야 합니다. 태그와 태그는 출력되는 모양이 같지만 태그는 컨텐츠의 중요성을 강조하는 반면 태그는 텍스트의 주의를 끌기 위함입니다. 태그와 태그는 강조하는 태그이지만 의미에 있어 약간의 차이가 있습니다. 예를 들면 "나는 너를 사랑해"하고 할 때 사랑해를 강조하기 위해 태그를 사용할 수 있습니다. 하지만 태그는 "여기는 매우 위험합니다. 들어가지 마세요" 라고 할 경우 중요성과 심각성, 긴급성의 의미까지 내포하기 때문에 보다는 태그가 더 적절합니다. 태그는 텍스트의 중요성을 강조할 때 설정합니다. 특징 설명 요소 인라인 요소(Inline Eleme..
[HTML] <strike> 태그는 현재 사용하지 않는 태그입니다. 텍스트 위에 취소선(수평선)을 표현하기 위해 사용한 태그이지만 현재는 태그 또는 태그가 그 역할을 대신하고 있습니다. 태그는 취소선(수평선)을 표현합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4(사용하지 않는 태그) 시각적 표현 글씨 중앙 수평선 정의(Definition) 태그는 취소선(수평선)을 표현합니다. 태그는 오래된 태그이므로 태그를 사용합니다. 비교(Compare) 문서에서 삭제된 텍스트틀 표시하려면 태그를 사용합니다. 문서에서 삽입된 텍스트를 표시하려면 태그를 사용합니다. 정확하지 않고, 관련성이 없는 텍스트를 표시하려면 태그를 사용합니다. Sample1 최소선을 나타내기 위한 예제입니..
1 2 3 4 5
속성 설명
<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 속성은 요소의 위치가 겹칠 경우 순서를 정의합니다.
준비중
준비중