웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)
language 속성 본문
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>language 속성 값으로 구분되는 가상클래스 :lang(언어)</title>
<style type="text/css">
/* IE 6, 7 미지원 */
body { font-family: '나눔고딕'; }
:lang(ko) { font-family: '나눔명조'; color: lightblue; }
:lang(ja), [lang="ja"] { font-family: '일본어 글꼴'; color: tan; }
:lang(fr), [lang="fr"] { font-family: '프랑스어 글꼴'; color: maroon; }
:lang(en), [lang="en"] { font-family: 'Times New Roman'; color: teal; }
:lang(en-US) { font-family: 'Helvetica Neue'; color: deepskyblue; }
</style>
</head>
<body>
<p>안녕하세요. 여러분!</p>
<p lang="en">Hello everybody!</p>
<p lang="en-US">What's Up!</p>
<p lang="ja">みなさん、こんにちは！</p>
<p lang="fr">Bonjour à tous!</p>
</body>
</html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>language 속성 값으로 구분되는 가상클래스 :lang(언어)</title>
<style type="text/css">
/* IE 6, 7 미지원 */
body { font-family: '나눔고딕'; }
:lang(ko) { font-family: '나눔명조'; color: lightblue; }
:lang(ja), [lang="ja"] { font-family: '일본어 글꼴'; color: tan; }
:lang(fr), [lang="fr"] { font-family: '프랑스어 글꼴'; color: maroon; }
:lang(en), [lang="en"] { font-family: 'Times New Roman'; color: teal; }
:lang(en-US) { font-family: 'Helvetica Neue'; color: deepskyblue; }
</style>
</head>
<body>
<p>안녕하세요. 여러분!</p>
<p lang="en">Hello everybody!</p>
<p lang="en-US">What's Up!</p>
<p lang="ja">みなさん、こんにちは！</p>
<p lang="fr">Bonjour à tous!</p>
</body>
</html>
'css' 카테고리의 다른 글
| before, after (0) | 2011.11.11 |
|---|---|
| CSS 가상으로 요소 추가 (0) | 2011.11.11 |
| CSS first-child (0) | 2011.11.11 |
| 상속 - Inheritance (0) | 2011.11.11 |
| CSS 우선 적용 규칙 - 캐스케이딩 룰 (0) | 2011.11.11 |