차례:
비디오: 12.CSS 주요속성 2 - HTML/CSS 2024
속성 는 속성을 수정하는 추가 방법을 제공합니다. 요소의 동작 또는 추가 정보를 지정하십시오. 일반적으로 항상 그런 것은 아니지만 따옴표로 묶인 값과 동일한 속성을 설정합니다.
USA
New York City
title 속성은 마우스 커서가 영향을받은 텍스트 위에 올 때 표시되는 요소에 대한 자문 정보를 제공합니다 (즉, a 툴팁 ). 이 예에서 "USA"라는 단어는 제목 속성이 "United States of America"로 설정된
태그를 사용하여 헤더로 스타일이 지정됩니다. 그런 다음 브라우저에서 마우스 커서를 단어 USA 위로 가져 가면 United States of America 텍스트가 툴팁으로 표시됩니다.
숨겨진 속성은 요소가 관련이 없음을 나타내므로 브라우저는이 속성이있는 요소를 렌더링하지 않습니다. 이 예에서 숨겨진 속성이 여는
태그에 있기 때문에 뉴욕시라는 단어가 브라우저 창에 나타나지 않습니다. 실제로, 숨겨진 속성은 종종 사용자의 필드를 숨겨서 편집 할 수 없도록하는 데 사용됩니다. 예를 들어, RSVP 웹 사이트는 사용자보기에 날짜 및 시간 필드를 포함 시키지만 숨길 수 있습니다.
숨겨진 속성은 HTML5에서 새로 추가 되었기 때문에 일부 구형 브라우저에서는 작동하지 않을 수 있습니다.
한 번에 하나의 속성을 사용할 필요는 없습니다. 다음과 같이 여는 HTML 태그에 여러 속성을 포함 할 수 있습니다.
USA
이 예에서는 title 속성이 사용되며 lang 속성은 "en"과 같게 설정하여 요소는 영어로되어 있습니다.
여러 속성을 포함 할 경우 각 속성을 하나의 공백으로 구분하십시오.
속성을 사용할 때 다음 규칙을 명심하십시오.
-
속성을 사용하는 경우, 시작 HTML 태그에 항상 속성을 포함하십시오.
-
다중 속성은 단일 요소를 수정할 수 있습니다.
-
속성에 값이 있으면 등호 (=)를 사용하고 값을 따옴표로 묶습니다.