는 CSS에서 이미지의 alt 속성의 크기를 변경 할 수 있나요

Question

나는 이미지를 표시 할 때 나는 고도 값을 표시하고자하는 이미지를 가지고 :

HTML :

<div id="demo"> 
<li><img src="images/cpu.jpg" alt="Over All CPU" /></li> 
</div> 

CSS :

#demo img { font:italic 100px Georgia, Times, Serif; color: #000; text-shadow: 0px 2px 4px #222; margin:10px 20px; } 

alt 크기를 크게 만들 수 있습니까? 그렇지 않다면 표시 할 때 이미지에 제목을 붙일 수있는 방법이 있습니까?

Answer 1

alt 속성은 이미지 태그의 속성이며, 자체적으로 요소가 아닙니다. 당신은 SRC

로서의 동일한 고도 속성의 스타일을 할 수 있지만, 당신은() 이벤트 핸들러 또는 onMouseover와() 이벤트 핸들러는 이미지에 텍스트를 표시하는 온로드 사용할 수 있습니다

Answer 2

이 효과를 얻기 위해 jQuery Tooltip plugin을 사용할 수 있습니다 당신이 원하는 스타일로.

Answer 3

대체 크기를 크게 만들 수 있습니까?

위에서 언급 한 것처럼 alt 스타일을 지정할 방법이 없습니다. alt 속성은 두 가지 용도로 사용됩니다.

1. 이미지가로드되지 않거나 이미지가 표시되지 않으면 이 표시됩니다.
2. alt의 텍스트가 JAWS와 같은 보조 기술 에보고되므로 사용자는 동등한 경험을 얻을 수 있습니다.

그렇지 않은 경우 표시 할 때 이미지에 제목을 넣을 수있는 방법이 있습니까?

당신은 간단하게 수행 할 수 없습니다

<figure> 
<img src="" alt="Over All CPU"> 
<figcaption>Your title goes here, which should not be Over All CPU</figcaption> 
</figure> 

Ref