div 태그의 제목에 CSS를 사용하는 방법은 무엇입니까?

-2

div 태그의 제목 디자인을 변경하고 싶습니까?div 태그의 제목에 CSS를 사용하는 방법은 무엇입니까?

출처

2011-03-22 Daniel

문제를보다 정교하게 설명하십시오. –

더 많은 정보를 원합니다 :) –

잠깐, 요소에 title 속성을 사용할 때 팝업되는 툴팁의 스타일을 어떻게 지정할 수 있습니까? –

JavaScript를 사용하여 HTML 요소의 제목을 변경할 수 있습니다. 원하는 요소를 찾고 title 속성을 새 제목과 동일하게 설정하면됩니다.

예 : (view a live example here)

<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Awesome Stuff</title> 
<body> 
    <div id="dynamicTitle" title="Old Title">This div has a dynamic title</div> 
    <script> 
     document.getElementById('dynamicTitle').title = 'New Title'; 
    </script> 
</body>

출처

2011-03-22 03:36:51 Moses

Hrmph. div에서 title 속성을 사용할 수있을 것 같네요, 그렇죠? 난 항상 태그에 그냥 사용 ... 그것은 아무것도 작동하고 예상대로 툴팁을 표시합니까? –

@Syntax Error HTML4에서 기능이 처음 도입되었을 때, 대부분의 브라우저는 앵커 및 이미지 요소에서만 기능을 지원했습니다. 그러나 최신 브라우저는 이제 몸 안의 모든 요소에 대한 title 속성을 지원합니다. – Moses

의미가 있습니다. 고맙습니다. –

이 무엇을 당신의 묻는 경우 확실하지하지만 당신은 단지 DIV 안의 텍스트의 스타일을 찾고 있다면, 다음을 수행하십시오.

<div id="idName">This is your Title Text</div>

당신이 스타일 당신의 DIV id를 선언 CSS와 적용에 :

div#idName{ 
    color:#0077CC; 
    font-weight:bold; 
    font-size:24px; 
}

출처

2011-03-22 03:41:21 ckaufman

당신이 제목 태그를 사용할 때 나타나는 툴팁 스타일을하는 방법을 요구하는 경우를 ... 나는 당신이 할 수있는 생각 '티. 브라우저의 테마 나 운영체제 중 하나의 기능이라고 나는 확신한다. 나는 100 % 확실하지는 않지만 이것이 사실이라고 믿습니다.

하지만 자신의 툴팁을 만들어 매우 아름답게 만들 수 있습니다. 쉬운 방법은 http://flowplayer.org/tools/tooltip/index.html (Google에서 처음 발견 한 것)과 같은 라이브러리를 사용하는 것입니다. 또는 마우스를 올려 놓으면 <div>이 나오며 순수한 CSS 버전이됩니다.

바깥 쪽 요소가 찰 때까지 내부 div를 숨겨 둡니다. 원하는대로 스타일을 지정하면 CSS3 전환 효과를 사용하여 꽤 멋지게 만들 수도 있습니다.

출처

2011-03-22 03:48:50

+1이 대니얼이하려고 한 것이 거의 확실하기 때문입니다. – Moses

div 태그의 제목에 CSS를 사용하는 방법은 무엇입니까?

답변

관련 문제