[HTML] data-iconpos, data-icon 속성 설명

data-iconpos

HTML의 data 속성은 요소에 추가로 저장할 수 있는 속성입니다. 이 속성은 어떠한 용도로든 사용할 수 있습니다.

그리고 data-iconpos 속성은 주로 아이콘 버튼의 위치를 정할 때 사용하는 속성입니다. 이 속성을 사용하면, 아이콘 버튼의 글자와 아이콘 사이의 간격을 조절할 수 있습니다.

그리고 data-iconpos 속성의 값으로 notext를 사용하면, 아이콘 버튼에 글자가 표시되지 않고 아이콘만 표시되게 됩니다.

아래의 코드는 data-iconpos 속성의 값을 notext로 지정한 아이콘 버튼의 예시입니다.

 

<button data-icon="gear" data-iconpos="notext">Button</button>

그리고 이 코드는 "gear" 아이콘이 표시되고, 글자가 표시되지 않는 아이콘 버튼을 생성합니다.

 

 

 

아이콘은 다음과 같이 리스트가 있으니 필요한 아이콘을 찾아쓰시면 됩니다.