구문:
ruby-position : above | inline
매개변수:
above: 루비 텍스트를 기본 텍스트 위에 배치합니다.
inline: 루비 텍스트가 기본 텍스트와 인라인입니다.
설명:
주석 텍스트 또는 발음을 설정하거나 검색합니다. rt 객체(참조 루비 객체) 위치를 통해 지정된 가이드입니다.
루비오브젝트와 RT오브젝트에 대해서는 저의 다른 작품을 참고해주세요.
해당 스크립트 기능은 rubyPosition입니다. 제가 쓴 다른 책들도 참조해 주세요.
예:
ruby { ruby-position: above; }ruby-position은 주의할 위치를 지정할 때 사용됩니다.
AttributeValue
1.before 기본 텍스트 위에 음성 텍스트가 표시됩니다. (기본값)
2.after 기본 텍스트 아래에 발음 기호가 표시됩니다.
3.right 기본 텍스트 오른쪽에 발음 기호가 표시됩니다.
예제 코드
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> ruby-position </title>
<style>
ruby.sample1 {ruby-position:before;}
ruby.sample2 {ruby-position:after;}
ruby.sample3 {ruby-position:right;}
</style>
</head>
<body>
<p><ruby class="sample1">新幹線<rt>しんかんせん</rt></ruby></p>
<p><ruby class="sample2">新干线<rt>xinganxian</rt></ruby></p>
<p><ruby class="sample3">高铁<rt>High-speed rail</rt></ruby></p>
</body>
</html>예제 사진
위 내용은 CSS에서 ruby-position 속성 사용에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
블루 비니 데이 2019Apr 13, 2025 am 09:25 AM11 월 30 일, 공식 "Blue Beanie Day"가왔다 갔다했습니다. 나는 내가 정확한 정신을 grokked 다지 확신 할 수 없지만 그것이 무엇을 의미하는지에 대해 글을 썼다.
원시 그래프 QL 쿼리Apr 13, 2025 am 09:22 AMGraphQL에는 모든 종류의 멋진 툴링이 제작되었습니다. 그러나 웹의 모든 것과 마찬가지로 궁극적으로 데이터 촬영으로 내려집니다. ' OL '를 가로 질러; 네트워크 및
PSA : 사이트에서 저작권 연도를 업데이트 할 시간이 있습니다.Apr 13, 2025 am 09:21 AM매년 이시기에 나는 사람들에게 웹 사이트에서 저작권을 업데이트하는 방법을 사람들에게 상기시켜주는 기사를보고 있습니다. 바닥 글의 어딘가에. 너
Markdown에 내장 된 콘텐츠Apr 13, 2025 am 09:12 AMMarkdown은 HTML을 지원하므로 YouTube 비디오를 포함 해야하는 경우 포함 코드를 복사하여 붙여 넣으면 Markdown 문서에 놓을 수 있습니다.
Google 글꼴을 태그하고 Goofonts.com을 작성한 방법Apr 12, 2025 pm 12:02 PMGoofonts는 개발자 부인과 디자이너 남편이 서명 한 사이드 프로젝트로, 둘 다 타이포그래피의 큰 팬입니다. 우리는 Google에 태그를 지정했습니다
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
SecList
SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.
PhpStorm 맥 버전
최신(2018.2.1) 전문 PHP 통합 개발 도구
Eclipse용 SAP NetWeaver 서버 어댑터
Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.
DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
