--- title: initial-letter-align slug: Web/CSS/initial-letter-align tags: - Align - CSS - CSS Inline - CSS Property - CSS プロパティ - Experimental - Graphics - Layout - NeedsL - Reference - Web - 'recipe:css-property' translation_of: Web/CSS/initial-letter-align ---
CSS の initial-letter-align
プロパティは、段落内の最初の文字の配置を指定します。
/* キーワード値 */ initial-letter-align: auto; initial-letter-align: alphabetic; initial-letter-align: hanging; initial-letter-align: ideographic; /* グローバル値 */ initial-letter-align: inherit; initial-letter-align: initial; initial-letter-align: unset;
以下に挙げたキーワード値のうちの一つです。
auto
alphabetic
hanging
ideographic
{{cssinfo}}
{{csssyntax}}
<p class="auto ">Initial letter - auto</p> <p class="alphabetic">Initial letter - alphabetic</p> <p class="hanging">Initial letter - hanging</p> <p class="ideographic">Initial letter - ideographic</p>
.auto { -webkit-initial-letter-align: auto; initial-letter-align: auto; } .alphabetic { -webkit-initial-letter-align: alphabetic; initial-letter-align: alphabetic; } .hanging { -webkit-initial-letter-align: hanging; initial-letter-align: hanging; } .ideographic { -webkit-initial-letter-align: ideographic; initial-letter-align: ideographic; }
{{EmbedLiveSample('Aligning_initial_letter')}}
仕様書 | 状態 | 備考 |
---|---|---|
{{SpecName('CSS3 Inline', '#aligning-initial-letter', 'initial-letter-align')}} | {{Spec2('CSS3 Inline')}} | 初回定義 |
{{Compat("css.properties.initial-letter-align")}}