ヘルプ | サインイン | フィードバックの送信

このページの使いやすさを評価してください

一般的な問題のリソースについては、こちらのヘルプ センターのページをご覧ください。

ご意見、ご要望をいただき、ありがとうございます。

ヘルプトピック

お問い合わせ

フィードバックがありますか? ヘルプページで回答が見つかりませんでしたか?

お問い合わせ

タイプセッティングの改善でサポートされている属性とタグ


目次



タイプセッティングの改善では、さまざまな属性やタグがサポートされています。


サポートされている属性

現時点において、次の属性の記載された値がサポートされています。

HTML タグ属性

サポートされている値

background-clip

border-box、padding-box、content-box

background-color

任意の適切な値

background-origin

border-box、padding-box、content-box

background-position

任意の適切な値

background-position-x

px、pt、cm、mm、em、rem、ex、%、in

background-position-y

px、pt、cm、mm、em、rem、ex、%、in

background-repeat

任意の適切な値

background-repeat-x

任意の適切な値

background-repeat-y

任意の適切な値

background-size

contain、cover、initial、inherit、px、pt、cm、mm、em、ex、%、in

background-sizex

px、pt、cm、mm、em、ex、%、in、rem

background-sizey

px、pt、cm、mm、em、ex、%、in、rem

border-bottom-color

任意の適切な値

border-bottom-leftradius

pt、px、cm、%、ex、in、mm、em、rem

border-bottom-rightradius

in、px、ex、pt、%、em、cm、mm、rem

border-bottom-style

hidden、solid、dotted、dashed、double、ridge、groove、inset、outset、none

border-bottom-width

mm、in、ex、px、pt、em、cm、rem、initial

border-collapse

collapse、separate

border-color

任意の適切な値

border-left-color

任意の適切な値

border-left-style

hidden、solid、dotted、dashed、double、ridge、groove、inset、outset、none

border-left-width

mm、in、ex、px、pt、em、cm、rem、initial

border-right-color

任意の適切な値

border-right-style

hidden、solid、dotted、dashed、double、ridge、groove、inset、outset、none

border-right-width

mm、in、ex、px、pt、em、cm、rem、initial

border-style

hidden、solid、dotted、dashed、double、ridge、groove、inset、outset、none

border-top-color

任意の適切な値

border-top-left-radius

pt、px、ex、cm、mm、em、%、in

border-top-right-radius

%、cm、em、pt、ex、px、in、mm、none

border-top-style

hidden、solid、dotted、dashed、double、ridge、groove、inset、outset、none

border-top-width

mm、in、ex、px、pt、em、cm、rem、initial

border-vertical-spacing

mm、in、ex、em、cm、px、pt、%

border-width

mm、in、ex、px、pt、em、cm、rem、initial

box-align

right、left、center

box-shadow

任意の適切な値

box-sizing

border-box、padding-box、content-box

break-after

always、auto、avoid

break-before

always、auto、avoid

break-inside

always、auto、avoid

caption-side

top

clear

left、right、both、none

color

任意の適切な値

column-rule-color

任意の適切な値

dir

rtl、ltr

display

inline、block、flex、inline flex、table cell、inherit、listitem

empty-cells

hide

float

left、right、snap-block

font-family

任意の適切な値

font-size

mm、in、ex、em、rem、cm、px、pt、%

font-style

normal、italic、oblique

font-variant

normal、small-caps

font-weight

100、200、300、400、500、600、700、800、900、normal、bold、bolder、lighter

height

mm、in、ex、em、cm、px、pt、%、rem

hyphens

auto、manual

letter-spacing

normal、mm、in、ex、em、rem、cm、px、pt、initial

line-height

normal、mm、in、em、cm、px、pt、%、rem

list-style-position

outside、inside、initial

list-style-type

decimal、disc、circle、inherit、initial、lower-alpha、lower-latin、lower-roman、none、upper-alpha、upper-latin、upper-roman、square

margin

mm、in、em、cm、px、pt、%、rem、ex

margin-after

mm、in、em、cm、px、pt、%、rem

margin-before

mm、in、em、cm、px、pt、%、rem

margin-bottom

mm、in、em、cm、px、pt、%、rem、ex

margin-left

mm、in、em、cm、px、pt、%、rem、ex

margin-right

mm、in、em、cm、px、pt、%、rem、ex

margin-top

mm、in、em、cm、px、pt、%、rem、ex

min-height

mm、in、em、cm、px、pt、%、rem

opacity

任意の適切な値

outline-color

任意の適切な値

outline-offset

mm、in、ex、em、cm、px、pt、%

outline-style

solid、dotted、dashed、double、ridge、none

outline-width

mm、in、ex、em、cm、px、pt、%

overflow

hidden

overflow-x

hidden

overflow-y

hidden

padding

mm、in、em、cm、px、pt、%、rem、ex

padding-bottom

mm、in、em、cm、px、pt、%、rem、ex

padding-left

mm、in、em、cm、px、pt、%、rem、ex

padding-right

mm、in、em、cm、px、pt、%、rem、ex

padding-top

mm、in、em、cm、px、pt、%、rem、ex

page-break-after

left、right、always、auto、avoid

page-break-before

left、right、always、auto、avoid

page-break-inside

always、auto、avoid

ruby-align

start、center、space-around、space-between

ruby-position 

over

text-align

left、right、center、justify

text-combine-upright

all

text-decoration

line-through、overline、underline

text-fill-color

任意の適切な値

text-indent

mm、in、ex、em、cm、px、pt、%、rem

text-shadow

任意の適切な値

text-stroke-color

任意の適切な値

text-transform

lowercase、uppercase、capitalize、none

transform

任意の適切な値

unicode-bidi

bidi-override、normal、embed、initial、isolate、isolateoverride & plaintext

vertical-align

sub、super、top、text-top、middle、bottom、text-bottom、baseline、mm、in、ex、px、pt、em、cm、%、rem、center

visibility

visible、hidden、initial

-webkit-text-emphasis-style

任意の適切な値

-webkit-text-emphasis-color

任意の適切な値

-webkit-text-emphasis-position

over、under

-webkit-text-orientation

mixed、upright、sideways、sideways-right

white-space

nowrap、normal

width

auto、mm、in、ex、em、cm、px、pt、%、rem

word-break

normal、keep-all、break-all

word-spacing

normal、mm、in、ex、em、rem、cm、px、pt、initial

writing-mode

horizontal-tb, vertical-rl

 


サポートされているタグ

「任意の適切な属性」または「任意の適切な値」が記載されているタグは、このページの「サポートされている属性」セクションで定義された属性および値をサポートしています。

HTML タグ

HTML 属性

サポートされている値

a

epub:type、data-app-amznmagnify、href

noteref

address

任意の適切な属性

任意の適切な値

aside

epub:type

footnote

b

任意の適切な属性

任意の適切な値

background-size

任意の適切な値

任意の適切な値

bdi

任意の適切な属性

任意の適切な値

bdo

任意の適切な属性

任意の適切な値

blockquote

任意の適切な属性

任意の適切な値

body

bgcolor

任意の適切な値

body

text

任意の適切な値

caption

align

center、justify

center

任意の適切な属性

任意の適切な値

cite

任意の適切な属性

任意の適切な値

code

任意の適切な属性

任意の適切な値

col

span

任意の適切な値

col

width

%、px

dd

任意の適切な属性

任意の適切な値

del

任意の適切な属性

任意の適切な値

div

align

center、left、right、justify

div

epub:type

footnote

dl

任意の適切な属性

任意の適切な値

em

任意の適切な属性

任意の適切な値

figure

任意の適切な属性

任意の適切な値

h1

align

center、left、right、justify

h2

align

center、left、right、justify

h3

align

center、left、right、justify

h4

align

center、left、right、justify

h5

align

center、left、right、justify

h6

align

center、left、right、justify

hr

align

center、left、right

hr

noshade

任意の適切な値

hr

size

px

hr

width

px、%

i

任意の適切な属性

任意の適切な値

image

height

%、px、em、pt

image

width

%、px、em、pt

img

align

center、middle、top、bottom、absbottom、absmiddle

img

alt

任意の適切な値

img

border

px、pt、cm、mm、em、rem、ex、in、%

img

height

%、px、em、pt

img

hspace

px

img

vspace

px

img

width

%、px、em、pt

li

type

a、i、disc、square、circle、none、A、I

li

value

任意の適切な値

listing

任意の適切な属性

任意の適切な値

mark

任意の適切な属性

任意の適切な値

ol

start

任意の適切な値

ol

type

a、i、none、A、I

p

align

center、left、right、justify

p

epub:type

footnote

plaintext

任意の適切な属性

任意の適切な値

pre

任意の適切な属性

任意の適切な値

rb

任意の適切な属性

任意の適切な値

rt

任意の適切な属性

任意の適切な値

ruby

任意の適切な属性

任意の適切な値

s

任意の適切な属性

任意の適切な値

samp

任意の適切な属性

任意の適切な値

strike

任意の適切な属性

任意の適切な値

strong

任意の適切な属性

任意の適切な値

table

align

center、left、right

table

bgcolor

任意の適切な値

table

width

%、px

tbody

align

center、left、right、justify

td

align

center、left、right、justify

td

bgcolor

任意の適切な値

td

colspan

任意の適切な値

td

height

%、px

td

rowspan

任意の適切な値

td

vertical-align

center、middle、top、bottom

td

width

%、px

tfoot

align

center、left、right、justify

th

align

center、left、right、justify

th

bgcolor

任意の適切な値

th

colspan

任意の適切な値

th

height

%、px

th

rowspan

任意の適切な値

th

vertical-align

center、middle、top、bottom

th

Width

%、px

thead

Align

center、left、right、justify

thead

Bgcolor

任意の適切な値

tr

Align

center、left、right、justify

tr

Bgcolor

任意の適切な値

tt

任意の適切な属性

任意の適切な値

ul

任意の適切な属性

任意の適切な値

var

任意の適切な属性

任意の適切な値

xmp

任意の適切な属性

任意の適切な値

webkit-background-size

任意の適切な値

任意の適切な値

 


エラー コード (Kindle Previewer 内) 問題の場所 従う対処方法 HTML 修正前 HTML 修正後
E24010: ハイパーリンクが目次で解決されない場合 (原因の 1 つとして、リンクがスタイル display:none が指定されているタグを指していることが考えられます) TOC.xhtml
  1. テキスト エディターを使用して、ソース EPUB にあるすべての HTML を開きます。
  2. ソース EPUB 内のナビゲーション html (toc.xhtml/nav.xhtml) を開きます。
  3. アンカータグの href 属性の HTML 名の後にある ID がソース HTML の body タグに存在するかどうかを検証します。
  4. 親 body タグにある ID を子 div タグに移動します。
  5. すべての箇所で同じ手順に従い、コンテンツを圧縮して、EPUB ファイルとして保存します。
<body id="id1">
<section class="class1">
<header id="id3">
<h1 id="id2">アートとは</h1>
</header>
</section>
</body>
<body>
<section class="class1" id="id1">
<header id="id3">
<h1 id="id2">アートとは</h1>
</header>
</section>
</body>
E24010: ハイパーリンクが目次で解決されない場合 (原因の 1 つとして、リンクがスタイル display:none が指定されているタグを指していることが考えられます) TOC.xhtml
  1. テキスト エディターを使用して、ソース EPUB にあるすべての HTML を開きます。
  2. ソース EPUB 内のナビゲーション html (toc.xhtml/nav.xhtml) を開きます。
  3. アンカー タグの href 属性の html 名の後にある ID がスタイル “display:none” または “visibility:hidden” が指定されているソース HTML タグにリダイレクトされているかどうかを検証します
  4. 各ソース HTML タグにある ID を display:none または visibility:hidden が設定されていない別のタグに移動します。
  5. すべての箇所で同じ手順に従い、コンテンツを圧縮して、EPUB ファイルとして保存します。
Toc.xhtml:
<a href="acknowledgments.xhtml#sample" amzn-src-id="5529">謝辞</a>

ソース HTML:
<p id="sample" style="display:none" class="first first-in-chapter first-full-width" amzn-src-id="5308">この本の実現に力を貸してくれた人達がいました。</p>
<div class="alignment-block alignment-block-align-center" amzn-src-id="5309">
Toc.xhtml:
<a href="acknowledgments.xhtml#sample" amzn-src-id="5529">謝辞</a>

ソース HTML:
<p style="display:none" class="first first-in-chapter first-full-width" amzn-src-id="5308">この本の執筆に力を貸してくれた人達がいました。</p>
<div id="sample" class="alignment-block alignment-block-align-center" amzn-src-id="5309">
E24011: TOC セクションの範囲が親章に含まれていない場合 NCX ファイル
  1. 任意のテキスト エディターを使用して NCX ファイルを開きます。
  2. unordered list タグ、または ordered list タグを使用して作成されるレベルの数を最大 2 レベルまで減らします。
  3. コンテンツを圧縮し、出版する前に Kindle Previewer でソースをプレビューします
ナビゲーションのガイドライン」を参照してください。
<ol>
<li><a href="chapter01.xhtml#ch01">第 1 章</a>
<ol>
<li><a href="chapter01.xhtml#ch01lev1_sec1">クエスチョニングが重要な理由</a></li>
<ol>
<li><a href="chapter02.xhtml#ch02lev1_sec1">クリティカル リーディングとは</a></li>
</ol>
</ol>
</li>
</ol>
<ol>
<li><a href="chapter01.xhtml#ch01">第 1 章</a></li>
<li><a href="chapter01.xhtml#ch01lev1_sec1">クエスチョニングが重要な理由</a></li>
<li><a href="chapter02.xhtml#ch02lev1_sec1">クリティカル リーディングとは</a></li>
</ol>
E3013: display:none を使用すると、許可されている上限を超える文字数が非表示になります。上限: 10000 CSS ファイル
  1. テキスト エディターを使用して、すべての CSS ファイルと HTML ファイルを開きます。
  2. すべての HTML の display:none CSS スタイルを検索します。
  3. display:none スタイルの使用は、必ず 10000 文字未満に制限してください。
  4. display:none の使用が制限されたソース HTML を再作成します
  5. 出版する前に Kindle Previewer を使用してコンテンツをプレビューします
注: display:none の代わりに visibility: hidden を使用しても、同じレンダリング機能があります。

.problems .mhhe--answer_reveal--container {
margin-left:3em;
display: none;
}
.problems .mhhe--answer_reveal--container {
margin-left:3em;
visibility: hidden;
}
E20006: OPF メタデータに複数のタイトルが定義されている場合。 OPF ファイル
  1. テキスト エディターを使用して OPF ファイルを開きます。
  2. dc:title が OPF ファイルのメタデータ コンテンツで複数回宣言されているかどうかを確認します。
  3. OPF ファイルに表示されているいずれかの宣言の “title-type” を “main” タイトルとして宣言します。
  4. コンテンツを圧縮し、Kindle Previewer を使用して最終ファイルをプレビューします。
<dc:title>結果フィールドブック</dc:title>
<dc:title id="Subtitle">劇的に改善された学校からの実践的戦</dc:title>
<dc:title id="t1">結果フィールドブック</dc:title>
<meta refines="#t1" property="title-type">main</meta>
<dc:title id="Subtitle">劇的に改善された学校からの実践的戦</dc:title>
E21027: EPUB ファイルに複数の OPF ファイルが含まれていた場合 OPF ファイル
  1. テキスト エディターを使用して OPF ファイルを開きます。
  2. OPF ファイルが IDPF 標準に従って構成され、すべてのタグが正しく閉じられているかどうかを確認します。
  3. OPF が Package 宣言、Metadata、manifest、spine、guide の各タグとして構成されていることを確認します。
  4. コンテンツを圧縮し、Kindle Previewer を使用して最終ファイルをプレビューします。
構文:

<?xml version='1.0' encoding='UTF-8'?>
<package xmlns="http://www.idpf.org/2007/opf" unique-identifier="pub-id" version="3.0">

<metadata>
...
</metadata>

<manifest>
...
</manifest>

<spine>
...
</spine>

<guide>
...
</guide>

</package>

表紙が本に作成されていません OPF ファイル
  1. テキスト エディターを使用して OPF ファイルを開きます。
  2. manifest タグの cover image 宣言にある ID が OPF ファイルの cover 宣言の content 属性値と同じかどうかを検証します。
  3. 両方が異なる場合は、id 属性または content 属性を変更して、両方が同じになるようにします。
  4. コンテンツを圧縮し、Kindle Previewer を使用して最終ファイルをプレビューします。
メタデータのコンテンツ:
<meta name="Cover" content="cover-image"/>

<item href="images/ath-saikiahaines-cover.jpeg" id="My_Cover" media-type="image/jpeg" properties="cover-image"/>
メタデータのコンテンツ:
<meta name="Cover" content="cover-image"/>

<item href="images/ath-saikiahaines-cover.jpeg" id="cover-image" media-type="image/jpeg"/>


サポートされていない属性

現時点において、次の属性の記載された値はサポートされていません。


HTML タグ属性

サポートされていない値

代替値またはオプション

background-image

線形グラデーション

メディア クエリを使用して、background-color プロパティなどの置き換えを指定します。修正したファイルを出版用に再アップロードするか、Kindle Previewer で再試行してください。

Base64 でエンコードされた画像

該当なし

オンライン ツールを使用して Base64 画像をデコードし、通常のバイナリ画像ファイルとして提供してください。

body、目次 HTML ファイル内

display: none、hidden

目次 HTML ファイルから display:none または hidden の値を削除します。

caption-side

bottom

コンテンツは <caption-side: bottom> でスタイル化されている場合、表の上部 (<caption-side:top> など) に配置されます。

float、表内

left、right

CSS ::first-letter セレクターを使用して Kindle 向けに置き換えるには、メディア クエリを使用します。

SVG

ネームスペース プレフィックス

ファイル内の SVG 要素から SVG ネームスペース プレフィックスを削除します。

動画

任意の適切な値

Kindle での動画サポート オプションについて詳しくは、音声/動画を含む Kindle 版の作成をご覧ください。

visibility

collapse

このタグを表内で使用する場合は、同様の読書体験を実現するために display:none を使用します。このタグを表外で使用する場合は、visibility:hidden を使用します。



無視される属性とタグ

 
無視された属性とタグがタイプセッティングの改善をブロックするわけではありませんが、タイトルでタイプセッティングの改善が使用されている場合は無視されます。

無視される属性

今のところ、次の属性は HTML タグに適用されると無視されます。

animation
animation-delay
animation-direction 
animation-duration 
animation-fill-mode
animation-iteration-count 
animation-name 
animation-play-state
animation-timing-function 
attributes
background_color
background-attachment 
box_shadow
class
column-break-before 
column-count 
column-gap
column-width 
cursor 
data-ichitaro-para-stylename
data-mappingid 
datetime 
div_align
dropcap
dropcap_chars 
dropcap_lines 
fill
font-smoothing
handlersprocessed 
hanging-punctuation
hanging-punctuation
hyphenate-character 
hyphenate-limit-after
hyphenate-limit-before 
initial 
line-box-contain
line-break 
min-height
min-width 
nbsp-mode
none 
onclick
onload
onreset 
onsubmit
ordinal
padding_bottom
padding_top
page 
pointer-events 
quotes
speak
src 
stroke
stroke-linecap
stroke-linejoin
stroke-miterlimit
stroke-width
svg;height
svg;width
tabindex 
table-layout
text_indent
text_overflow
text-combine 
text-decorations-in-effect
text-overflow;
text-rendering
text-size-adjust 
title 
transition-delay
transition-duration 
transition-property 
transition-timing-function
user-select 
webkit_appearance
webkit_border_image
webkit_box_direction
webkit_column_rule_color
webkit_column_rule_style
webkit_column_rule_width
webkit_shape_outside
webkit-appearance
-webkit-border-image
webkit-box-direction
webkit-box-pack
-webkit-box-shadow
webkit-column-break-after
-webkit-column-break-inside
webkit-column-rule-color
webkit-column-rule-style
webkit-column-rule-width
webkit-logical-width
-webkit-margin-end
webkit-margin-start
-webkit-padding-start
webkit-shape-outside
webkit-shape-outside
word-break
word-wrap 
zoom

特定の HTML タグのために無視される属性

HTML タグ

style 属性

a

rel、rev、shape、name、target、type

applet

hspace、height、name、width、vspace、align、alt


background-image


線形グラデーション

body

bottommargin、link、rightmargin、vlink

button

value、name、type

caption-side

bottom

display;

table-column-group;table-column;table-caption

div

node-type、type

frame

name

frameset;

rows

html

xmlns、encoding、version

iframe

name、align、width、height

image

xlink:href

img

hspace

input

align

link

type、media、rel、href

meta

name、http-equiv

object

name、width、hspace、align、type、border、vspace、height

param

value、type、name

script

type、for

style

type、media

text-decoration

line-through、overline、underline、Underline solid、underline dotted、underline dashed、underline double、overline solid、overline dotted、overline dashed、overline double、line-through solid、line-through dotted、line-through dashed、line-through double、underline line-through、line-through underline、underline overline、line-through overline、overline line-through、overline underline、overline line-through underline、overline underline line-through、underline overline line-through、underline line-through overline、line-through overline underline、line-through underline overline、none


無視される HTML タグ

次のタグは、属性、単位、適用された値にかかわらず、現時点では無視されます。

areabigins
kbdmapmax-height
max-width mbp:nu reference
small time

予期しないエラーが発生しました。後でもう一度試してください。
セッションがタイムアウトしました

続行するにはサインインしてください

サインイン
edit