모든 HTML에서 공통으로 사용할 수 있는 속성으로 표준에 명시되지 않은 요소도 지정할 수 있는 속성입니다. 다만 일부 요소에서는 효과가 없을 수도 있습니다.
속성 | 설명 |
---|---|
accesskey | 현재 요소에 대한 키보드 단축키 생성을 위한 힌트를 제공, |
autocapitalize | 사용자가 입력 또는 수정하는 텍스트를 자동으로 대문자로 변환할지 여부와 변환하는 방법을 제어, ("off"|"on"|"words"|"characters") |
class | 속성 값을 공백으로 구분해 속성 값을 여러 개로 할 수 있음, css나 javascript에서 특정 요소에 선택 및 접근이 가능 |
contenteditable | 해당 요소를 사용자가 편집할 수 있는지를 나타내는 열거형 특성 |
data-* | 사용자 지정 데이터 특성(custom data attributes)이라는 특성 클래스를 형성함으로써 임의의 데이터를 스크립트로 HTML과 DOM 사이에서 교환할 수 있는 방법을 제공 |
dir | 요소의 쓰기 방향을 나타내는 열거형 특성 |
draggable | Drag and Drop API를 사용해 요소를 드래그할 수 있는지 나타내는 열거형 특성 |
hidden | 해당 요소가 더 이상 관련이 없음을 나타내는 특성, 이 속성이 있는 요소는 렌더링 하지 않음, ("true"|false") |
id | 문서 전체에서 유일해야 하는 고유 식별자(ID)를 정의 |
inputmode | 요소나 요소의 콘텐츠를 편집할 때, 브라우저가 제공해야 하는 가상 키보드 설정 |
is | 표준 HTML 요소가 사용자 정의 기본 요소처럼 동작하도록 지정 |
lang | 요소의 언어를 정의하는데 도움 |
part | |
slot | |
spellcheck | 요소의 맞춤법 검사 여부를 지정 |
style | 요소에 적용할 CSS 스타일 선언 |
title | 요소에 대한 추가 정보를 제공하는 텍스트 |
translate | 요소의 Text 노드 자식 및 번역 가능한 특성의 값을 번역해야 되는지, 아니면 그대로 유지해야 하는지를 표시 |
autocapitalize의 속성 값
- off | none : 대소문자 자동 변환이 발생하지 않음 (모든 글자가 기본값 소문자)
- on | sentences : 각 문장의 첫 글자를 대문자로 변환
- words : 각 단어의 첫 글자를 대문자로 변환
- characters : 모든 글자의 기본값이 대문자
사용자 정의 요소란?
,,,더 공부해서 채워넣겠습니다 :)
참고
1. 전역 특성