CSS

[selector] CSS - :lang() 가상선택자 - 특정언어속성요소 (= 언어선택자 = 랭선택자, IE8)

목차
  1. :lang(language) 예제
  2. :lang(language) 정의
  3. :lang(language) 구문

 

:lang(language) 예제

 
<style>
p:lang(ko) {color:blue;}
p:lang(ja) {color: red; }
p:lang(en) {color: green; }
p:lang(zh) {color:darkviolet;}
p:lang(it) {color:magenta;}
</style>

<p>홈짱닷컴 (homzzang.com) 언어 강의: 각 나라 별 인사말</p>
<p lang="ko">한국어: 안녕하세요 !</p>
<p lang="ja">일본어: 今日は !</p>
<p lang="en">영어: hello !</p>
<p lang="zh">중국어: 您好!</p>
<p lang="it">이탈리아어: Buon giorno !</p>
 
※ 다른 언어가 한 문장 안에 있는 경우, 지정언어코드 영향 받음.

 

:lang(language) 정의 

 
특정 요소에 사용된 특정 언어를 선택.

 


 
1.
언어코드 종류. (※ 보통, fr처럼 2글자이나, fr-ca처럼 결합된 것도 있음.)
https://homzzang.com/b/html-156
 
2.
다른 선택자와 함께 사용 가능.
 
3.
IE8 이상 주요 최신 브라우저 지원.
 
 

:lang(language) 구문

 

:lang(language) {css 선언;}

 


[매개변수]

 

language

필수. 언어코드.

 



분류 제목
animation CSS - animation-name 속성 - 키프레임명 (= 키프레임이름 = 애니이름 = 애니명 = 애니메…
animation CSS - animation-fill-mode 속성 - 애니미작동스타일 (= 움직임 작동안할때 스타일 = 애…
css CSS - 반응형 마름모 갤러리 (Responsible Rhomb gallery on grids + clip…
column CSS - column-width 속성 - 컬럼 너비 지정 (= column-width속성 = 컬럼위드스속성…
background CSS - background-origin 속성 - 배경이미지 좌표시작점 (= 백그라운드오리진 속성)
css CSS - unset 속성값 - 상속값 존재 유무에 따라, inherit・initial 속성값 사용. (= …
selector CSS - [attribute^=value] 속성선택자 ★ - 지정 속성값 문자열로 시작하는 요소. (=시…
responsive CSS - RES Grid-View - (그리드뷰 = 화면너비분할 = 화면분할 = 수동그리드)
border CSS - border-bottom-width 속성 - 테두리하단너비 (= 테두리하단두께 = border-b…
selector CSS - [attribute~=value] 속성선택자 - 특정 속성값단어 (단독 또는 단어앞뒤공백)인 요소…
selector CSS - [attribute$=value] 속성선택자 - 지정 속성값 문자열로 끝나는 요소 (IE7)
selector CSS - :placeholder-shown 가상선택자 - 플레이스홀더 텍스트 표시 중인 요소 선택 (= :…
gradient CSS - linear-gradient() 함수 ★ - 선형 그레이디언트 배경이미지 (= 선형 그라디언트 …
border CSS - border-right-style 속성 - 테두리우측모양 (= border-right-style속…
border CSS - border-top-left-radius 속성 - 테두리상단왼쪽둥글기 지정 (= 보더탑레프트레이디…
22/35
목록
 홈  PC버전 로그인 일본어
그누앞단언어
그누뒷단언어
그외코딩언어
그누보드
제작의뢰
Q&A
커뮤니티 1
웹유틸
회원센터
홈짱닷컴 PC버전 로그인