キーテイクアウト

• CSSプロパティは、Webメディアのユニークな側(cè)面に対応しながら、印刷のタイポグラフィの豊かな伝統(tǒng)を反映して、Webタイポグラフィの正確な操作を可能にします。
CSSの「テキスト変換」プロパティは、「Capitainize」、「大文字」、「Lowercase」、「Full-Width」などのオプションを提供する文字ケースの操作を可能にします。それぞれが異なる設(shè)計ニーズを提供します。 > HTMLドキュメントのホワイトスペース管理は、「通?！?、「pre」、「pre-rap」、「pre-line」、および `nowrap`などの値で「ホワイトスペース」プロパティを介して制御できます。さまざまなフォーマットシナリオ。
単語內(nèi)でラインの破損を制御するために、CSSは、ハイフネーションコントロール用の「ハイフン」プロパティとともに、「通?！工瑜印弗芝飑`クワード」オプションを備えた「ワードラップ」または「オーバーフローラップ」プロパティを提供します。
• CSSは、「単語間隔」と「文字間隔」のプロパティを提供して、単語と文字の間のスペースを調(diào)整し、読みやすさとテキストの審美的な魅力を向上させます。
高度なテキストのアライメントとインデントは、「Text-Align」、「Text-Align-Last」、「Text-Indent」などのプロパティを介して処理され、デザイナーにテキストのプレゼンテーションを細(xì)かく制御できます。
Webタイポグラフィには、何世紀(jì)も前の印刷タイポグラフィの伝統(tǒng)に屬する豊富な知識に基づいているという利點があります。同様に、その伝統(tǒng)には、Webタイポグラフィが生きるために求められるベストプラクティスと卓越性の基準(zhǔn)があります。
• しかし、コミュニケーションの媒體としてのWebには、獨自の特性が付いています。そのため、印刷からWebタイポグラフィへのシームレスな動きは大変な呼びかけだと思う??ようになりました。 Web Typographyの彼の本、p.110で、Jason Santa Mariaが説明します：
印刷された本は靜的な形式です。デザイナーの本の最初のレイアウトから、プレスベッド、倉庫、本棚、そしてあなたの手への旅行まで、その本の出力は変わりません。デザイナーがそれを考案したように配信されています。

…タイプが小さすぎるという印象を與えるかもしれません。他の人は畫面外で重要なものを見逃す可能性があります。

それは、「ウェブがテキストに最適な場所である」ということも事実です。インターネット上のテキストは、「検索、コピー、翻訳、他のドキュメントにリンクされ、印刷することができ、便利で、アクセスできます」。

Webの柔軟性は、コントロールを放棄することを意味するものではありません。それどころか、Webデザイナーとして、私たちはまだ仕事に入れたものについて情報に基づいた選択をすることが期待されており、テキストも例外ではありません。テキスト要素のレイアウト、その色、サイズ、書體、これらすべてをすべて、Webサイトのコアメッセージとブランドを伝える方法。

ウェブ上のテキストの外観を操作するために、私たちの主な選択ツールはCSSです。

この投稿で提示するCSSプロパティは、CSSテキストモジュールの仕様にあります。

このモジュールは、CSSの型刻印制御について説明しています。つまり、

ソーステキストの翻訳を

に制御するCSSの機(jī)能 フォーマットされた、ラインラップされたテキスト。

言い換えれば、CSSテキストモジュールは、ブラウザ內(nèi)の文字と単語の表示、およびCSSを使用して、それらがどのように間隔を置いているか、整列し、ハイフン化されているかなどを扱います。

テキストまたは単語の基本単位を構(gòu)成するもの、および特定のテキストを正確に壊すことが許可されている場所は、ウェブサイトで使用されている言語のルールに大きく依存します。このため、この情報をHTMLドキュメントで宣言することが重要です（通常、要素のLANG屬性）。

ここで、次の2つのトピックについては説明しません

フォント、つまり、キャラクターの視覚的表現(xiàn)、つまりグリフとその特性;

下線、テキストの影、強(qiáng)調(diào)マークなど、テキストの裝飾に関連するCSSの機(jī)能。

興味がある場合は、CSSフォントモジュールレベル3とCSSテキストデコレーションモジュールレベル3に、フォントとテキスト裝飾プロパティに関する最新のドキュメントがあります。

文字ケースの操作
テキスト要素を大文字で表示する必要がある場合、たとえば最初の名前と姓があります。 CSSは、Text-Transformプロパティを使用したレターケースの制御を提供します。
Text-Transformプロパティのデフォルト値はありません。つまり、文字ケースへの影響は適用されません。

大文字の値

他のすべての文字の外観を影響を受けていないときに、各単語の最初の文字を大文字で表示したい場合（HTMLドキュメントでのケースが何であれ）。

html：

css：

キャピタライズがタイトルケースコンベンションに従わないことに注意してください。実際、「in」という単語を含む上記の例のすべての最初の文字が大文字に表示されます。タイトルに関する文學(xué)大會に従うつもりの著者は、ソーステキストで手動で手紙を操作する必要があります。

大文字の値

目標(biāo)がすべての文字を大文字で表示することである場合、HTMLドキュメントでのケースに関係なく、大文字は使用する適切な値です。

html：

<span><span><span><h2</span>></span>alice's adventures in wonderland<span><span></h2</span>></span></span>

css：

<span>h2 {
</span>  <span>text-transform: capitalize;
</span><span>}</span>

小文字の値

値小文字を使用すると、すべての文字が小文字に表示されます。當(dāng)然のことながら、これは元のソースドキュメントですでに小文字である文字の外観には影響しません。

html：

css：

<span><span><span><h2</span>></span>alice's adventures in wonderland<span><span></h2</span>></span></span>

<span>h2 {
</span>  <span>text-transform: uppercase;
</span><span>}</span>

全幅の値

仕様により、新しい値が追加されました。この値は、キャラクターが正方形の內(nèi)部に表示されるように制約しているのは、日本語、中國語などの表記文字のキャラクターであるかのように。

すべての文字が対応する完全な幅の形式を持っているわけではありません。この場合、キャラクターは全幅の値の影響を受けません。

html：

css：

<span><span><span><h2</span>></span>Alice's Adventures in Wonderland<span><span></h2</span>></span></span>

Firefoxでのキャラクターの外観は次のとおりです。

<span>h2 {
</span>  <span>text-transform: lowercase;
</span><span>}</span>

さらなる備考

Text-Transformプロパティのブラウザサポートは優(yōu)れています。実際、すべての主要なブラウザはそれをサポートしています

唯一の例外は全幅の値であり、現(xiàn)在はFirefoxでのみ機(jī)能します。おそらく當(dāng)然のことながら、スペックの候補勧告段階で全幅が削??除されるリスクがあるという確率を考えると。 さらに、Firefox（v.39）とHyphenated Wordの資本価値をレンダリングする他の主要なブラウザとの間にわずかな矛盾があることに気付きました。

これがF(xiàn)irefoxの様子です：

ハイフンの後の最初の文字がどのように大文字になっていないかに注目してください。一方、以下はChromeに表示されているテキストと同じです：

この例では、ハイフンのキャラクターに続く文字も例外ではありません。彼らはまた、大文字で表示されています。他のすべての主要なブラウザの最新リリースでこの同じ動作を観察しました。上記のように、Firefox。

最後に、カスケードに注意してください！コンテナ要素にテキスト変換プロパティを設(shè)定すると、その値はすべての子要素によって継承されます。望ましくない結(jié)果を避けるために、子要素のテキスト変換プロパティ値をなしにリセットします。 テキスト変換プロパティ値のデモを表示します。

空白の扱い方

タブキー、スペースキーを押すか、テキストに次の行（exterキーまたは
タグを使用して）に押し込むように強(qiáng)制すると、ソースにホワイトスペースを作成しますドキュメント。

デフォルトでは、ブラウザは空白のシーケンスを単一のスペースに崩壊させ、ラインブレークが削除され、テキストラップが容器に合うようにラップします。これは、ブラウザでコンテンツの表示方法に影響を與えずにソースドキュメントを読みやすく保守可能に保つためにテキストの塊をインデントして分離することができるため、私たちにとって便利です。

しかし、これがあなたの目標(biāo)でない場合はどうなりますか？たとえば、HTMLドキュメントで作成した空白を保存したいとします。一般的なシナリオは、適切にインデントされたコードスニペットとして表示されるように設(shè)計されたテキストを作成する場合です。または、壊れることなく、1行にすべてのテキストを表示する必要があります。 このような場合、ブラウザのデフォルトの動作をオーバーライドする場合、White-Spaceプロパティには興味深いオプションがあります。

通常のキーワードは、ブラウザをデフォルトの動作にリセットします。すべての余分な空白が1つの文字に崩壊し、容器の端に到達(dá)するとラインがラップされます。

pre値

事前キーワードを使用すると、すべての白い空間を保存し、ソースドキュメントに存在する新しい行を強(qiáng)制してテキストを表示できます。テキストは、コンテナをオーバーフローするときに新しい行に包まれません。

<span><span><span><h2</span>></span>alice's adventures in wonderland<span><span></h2</span>></span></span>

タブを使用してホワイトスペースを作成する場合、整數(shù)値に設(shè)定することにより、タブサイズのプロパティでサイズを制御できます。

タブサイズは、一貫性のないブラウザのサポートを備えたプロパティですが、デフォルトのタブの文字の長さに本當(dāng)に耐えられない場合は、すべてのベースをカバーするポリフィルを示します。 事前に値

ソースドキュメントのホワイトスペースがブラウザディスプレイに保存されたいとしましょう。ただし、容器の端に到達(dá)しながら、ラインを包むことも望んでいます。

<span>h2 {
</span>  <span>text-transform: capitalize;
</span><span>}</span>

事前に作業(yè)するキーワードは、目的の結(jié)果を達(dá)成するのに役立ちます。

ブラウザに表示される各行がソースコードの強(qiáng)制ブレークをどのように反映しているかに注意してください。

<span><span><span><h2</span>></span>alice's adventures in wonderland<span><span></h2</span>></span></span>

ただし、ブラウザの畫面を縮小すると、コンテナに合うようにラインがラッピングされていることに気付くでしょう。

事前線の値

ホワイトスペースプロパティの最終的な興味深い価値は、事前に行われます。スペースのシーケンスを1つのスペースに崩壊させ、ラッピングを可能にする範(fàn)囲で、通常のように動作します。ただし、新しいライン文字または
タグがHTMLドキュメントに存在する場合、これらはブラウザディスプレイに保存されています。

<span><span><span><h2</span>></span>alice's adventures in wonderland<span><span></h2</span>></span></span>

プリ、プレラップ、プリラインキーワードのCodePenデモを試してみてください。

nowrap値

nowrapはおそらく最もよく知られているホワイトスペース値です。あなたのデザインは、インラインコンテンツの一部を包むべきではないようにする必要がありますか？ホワイトスペースの使用：nowrap;あなたの要素についてトリックを行います。

ルイ?ラザリスは、この値の次のユースケースを指しています。

上記の上記は、?シンボルが続くリンクです。このキャラクターを次の行にドロップすること、たとえば、Fluid Webレイアウトでは、望ましくありません。

この狀況と同様の狀況（たとえば、アイコンを考えてください）では、Nowrap値は非常に便利です。

コドロップスCSSリファレンスでサラ?ソウアイダンによって別の興味深いユースケースが私たちにもたらされます。サラは、白い空間のプロパティは、畫像を含む任意のインラインコンテンツに適用できると指摘しています。

nowrapの値とともに使用されて、畫像の水平リストをスクロール可能な要素に作成します。畫像が包裝され、コンテナ內(nèi)の1つの線に表示されないようにすることを防ぎます。

白い空間を使用して基本的なjQueryカルーセルを作成することにより、この提案を拡大しました：Nowrap。デモは次のとおりです

CodepenのSitePoint（@SitePoint）の畫像カルーセルでワードラッププロパティを使用してペンを參照してください。 単語內(nèi)のラインブレークの制御を取る

長い単語が次の行に包まれないためにデザインが外れていることがあります。ブログのコメントで長いURLまたはユーザーが生成した長い単語は一般的なシナリオです。

次のCSSプロパティは、Web上の長い単語の処理に関するある程度の制御を提供するように設(shè)計されています。

Word-wrap/overflow-wrapプロパティ

オーバーフローラッププロパティ（以前はWord-wrapと呼ばれ、レガシー上のすべての主要なブラウザで完全にサポートされ、作業(yè)しています）は、ホワイトスペースのプロパティがテキストラッピングを許可している場合に有効になります。 2つの値のいずれかを持つことができます：通常と分割単語。

通常の値を使用することにより、単語が許可されたブレークポイント、たとえばスペース、ハイフンなどでブレイクします。

分割単語値は、他の他の許容點で行が壊れない場合、単語內(nèi)の任意のブレークポイントを許可します。

下の畫像は、コンテナに溢れた長い単語の表示を示しています。

オーバーフローワラッププロパティを設(shè)定しましょう。また、レガシーの目的のために、Word-rapプロパティを分割単語値に設(shè)定しましょう。

…そして、長い単語の表示が複數(shù)の行に分割され、利用可能なスペースに合うようになりました。

<span><span><span><h2</span>></span>alice's adventures in wonderland<span><span></h2</span>></span></span>

ハイフンの財産

長い言葉を分割することはすべてうまくいきます。ただし、結(jié)果のテキストは読者に混亂する可能性があります。より良い選択肢は、次の行に壊れるときに言葉をハイフネートすることです。このようにして、読者が複數(shù)の行に1つの単語を包むのを見ていることはすぐにはっきりしています。これを達(dá)成するために、CSSはWord-wrap：Break-word。 より具體的には、ドキュメントの言語ルールが許可されている場合、またはHTMLソースにハイフネーションが存在する場合、ハイフンプロパティの自動値は、単語が次の行に壊れるポイントでハイフンを表示することができます。これを機(jī)能させるには、HTMLドキュメントでLang屬性を希望の言語に設(shè)定するようにしてください。

ハイフン文字の表示を防ぐこともできます。この場合、ハイフンのプロパティをNONEに設(shè)定します：

<span>h2 {
</span>  <span>text-transform: capitalize;
</span><span>}</span>

さらに、単語がマークアップでハイフネネーションされ、テキストが次の行にラップされている場合、単語內(nèi)でラインブレークにハイフン文字を表示できます。これは、マニュアルの値で行われます：

<span><span><span><h2</span>></span>alice's adventures in wonderland<span><span></h2</span>></span></span>

ベンダーのプレフィックスによって支援された

ハイフンズプロパティのブラウザサポートは、すべての主要なブラウザで優(yōu)れていますが、わずかな矛盾がないわけではありません。執(zhí)筆時點でのChrome（v.44）とOpera（V.30）の最新バージョンは、プロパティ値Autoをサポートしていません。

<span>h2 {
</span>  <span>text-transform: uppercase;
</span><span>}</span>

Codepen

の上記の例を表示します 単語と文字の間のスペースを操作

多かれ少なかれ読みやすいテキストを作るものは、多くの要因に依存することがよくあります。場合によっては、各単語または各単一文字の間のスペースを増やすか、縮小します。 CSSは、単語間隔と文字間の間隔の外観を制御するための単語間隔と文字間隔のプロパティを提供します。

単語間隔のプロパティ

以下は、単語間隔のプロパティの値です：

• 通常
• パーセンテージ

通常の文字間のデフォルトのスペースを表示します。スペースの量は、使用するフォントまたはブラウザに依存します。

<span><span><span><h2</span>></span>alice's adventures in wonderland<span><span></h2</span>></span></span>

フォントまたはブラウザで定義されたデフォルトの間隔に加えて、単語間間隔を追加できます。

パーセンテージはと同じように機(jī)能しますが、パーセンテージ値を使用します。ブラウザの実裝は見つかりませんでしたが、割合は仕様の將來のドラフトから削除されるリスクがあります。

<span>h2 {
</span>  <span>text-transform: capitalize;
</span><span>}</span>

<span><span><span><h2</span>></span>alice's adventures in wonderland<span><span></h2</span>></span></span>

文字間隔のプロパティ

文字間隔プロパティを2つの値のいずれかに設(shè)定できます。通常または。

通常のフォント間隔は、通常のフォント間隔を殘します。また、以前に指定されたデフォルト値に指定された文字間隔の長さもリセットします。たとえば、親要素で1EMの文字間隔値を指定しているが、子要素にデフォルト値を表示したい場合、通常はあなたの友人です。

値は測定単位です。 PXまたはEMS。これにより、フォントによって既に提供されているデフォルトの間隔に加えて、文字間の間隔を増やすことができます。

<span>h2 {
</span>  <span>text-transform: uppercase;
</span><span>}</span>

詳細(xì)

<span><span><span><h2</span>></span>Alice's Adventures in Wonderland<span><span></h2</span>></span></span>

単語間隔は、単語に適用されるだけではありません。あらゆる種類のインラインまたはインラインブロックコンテンツで使用できます。

また、単語間隔と文字間隔の両方をアニメーション化できます。ただし、文字間隔でCSS遷移を使用すると、通常の値がF(xiàn)irefoxの現(xiàn)在のバージョン（v.39）によって認(rèn)識されないことが示されています。これを克服するには、通常のものを0EMに置き換えるだけです これは、単語間隔と文字間隔を使用したアニメーションテキストを備えたデモです：

CodepenのSitePoint（@SitePoint）によるCSSレター間隔と単語間隔のプロパティをアニメーション化するペンを參照してください。

テキストアライメントの最新のCSSオプション

テキストアライグプロパティはしばらく前から存在しています。テキストや畫像などのインラインコンテンツがブロックコンテナ內(nèi)にどのように整合するかを制御します。左右の左と右のインラインコンテンツは、それぞれ左と右に整列します。テキストアライグを中心に設(shè)定すると、コンテンツがコンテナの中心に合わせます。最後に、Justifyキーワードはコンテンツを正當(dāng)化し、各行が同じ長さになるように（最後の行を除き、コンテナの端に到達(dá)するのに十分な長さでない場合）。

SPECは、右から左（RTL）言語システムを使用して國際化されたWebサイトで非常に役立つ2つの新しい値を追加します。

左から右（LTR）リーダーの場合、それぞれ左右に対応しています。 WebサイトがRTL言語を使用する場合、開始は右に対応し、終了は左に対応します。

<span><span><span><h2</span>></span>alice's adventures in wonderland<span><span></h2</span>></span></span>

<span>h2 {
</span>  <span>text-transform: capitalize;
</span><span>}</span>

テキストアリグインの適用：インラインの子要素に一致することにより、子供が親と同じアライメントを継承することが保証されます。継承された開始値または終了値は、親の言語方向に対して計算され、左または右の出力が生じます。

テキストアライグラストプロパティ

CSSの新機(jī)能は、テキストアライグラストプロパティでもあります。このプロパティは、段落の終了前または
タグの前に、正當(dāng)化された

テキストの最後の行のアラインメントを制御します。デフォルト値であるAutoを除き、テキストアライグと同じキーワード値を持っています。自動値を使用すると、設(shè)定されている場合、要素のテキストアライグプロパティの値に従って最後のテキスト行を整列できます。テキストアライグプロパティが適用されていない場合、テキストはstartの値にデフォルトです。

執(zhí)筆時點では、テキストアライグラストのブラウザサポートはかなり貧弱です。したがって、私の見解は、もしあったとしても、それを控えめに使用する必要があるという私の見解です。

これらの機(jī)能がアクション中で示されているCodepenデモを表示

インデントのテキスト

テキストの行、通常は段落の最初の行は、ウェブサイトでよく出會うものではありません。代わりに、空の線は、段落間の分離の一般的な視覚マークとして配置されます。 それにもかかわらず、段落の最初の行をインデントすることは、特定のデザインに適したクラシックな外観を作成するために時々使用されることがあります。

この手法によって設(shè)計が強(qiáng)化されている場合、CSSはテキストインデントプロパティを提供します?？激à椁欷雮帳蚩激à皮撙蓼筏绀?。

長さの値は、一般にPXまたはEMユニットを使用して設(shè)定されます。

パーセンテージ値を使用してパーセンテージが設(shè)定されます：

各ラインの値は、ブロックコンテナ內(nèi)の最初の線の外観と、強(qiáng)制ラインブレーク後の各ラインの外観をインドします。 HTMLソースにタグを挿入します。ただし、柔らかいラップブレイクの後の最初の行の表示、つまり、そのコンテナに合うように次の行に包むテキストは影響を受けません。

吊り下げの値は、インデントとして表示される最初の行を除くすべての行を引き起こします。

各ライン値とハンギング値は実験値であり、執(zhí)筆時點ではまだブラウザには実裝されていません。 このデモを表示して、テキストインデントのアクションを表示します

結(jié)論

CSSは、Webテキストの操作に向けて大きな進(jìn)歩を遂げていますが、さらに多くのことが予想されています。最新のプロパティのいくつかの大ざっぱなブラウザのサポートに加えて、たとえば、CSSがKerning機(jī)能を提供した場合、つまり、特定の単語で2文字間の距離を操作する機(jī)會を提供した場合、それは素晴らしいことです。 この投稿では、Web上のテキストのフォーマット、ラインラップ、およびアライメントを制御する多くのCSSプロパティを掘り下げました。デモを使用して、これらを自由に試してください。

あなたのフィードバックを楽しみにしています！

Webタイポグラフィを制御するためのCSSプロパティに関するよくある質(zhì)問（FAQ）

CSSプロパティを使用してWebタイポグラフィを制御するにはどうすればよいですか？

CSSプロパティは、Webタイポグラフィを制御するための幅広いオプションを提供します。フォントサイズ、フォントファミリ、ラインの高さ、テキストアライメント、テキストの色などを調(diào)整できます。たとえば、フォントサイズを変更するには、「フォントサイズ」プロパティを使用して、ピクセル、EMS、またはパーセンテージでサイズを指定できます。同様に、フォントファミリを変更するには、「フォントファミリー」プロパティを使用して、フォント名を指定できます。ユーザーのシステムで最初の選択肢が利用できない場合に備えて、フォールバックフォントを含めることを忘れないでください。 'CSSのプロパティは、ブロック要素のインラインコンテンツを整列するために使用されます。 「左」、「右」、「中央」、「正當(dāng)化」などの値を取ることができます。たとえば、「Text-Align：Center」は、その含有要素內(nèi)のテキストを中心にします。このプロパティは、見出し、段落、またはその他のテキスト含有要素のテキストのアラインメントを制御する場合に特に便利です。 CSSのホワイトスペースのプロパティは、要素內(nèi)の白い空間がどのように処理されるかを制御するために使用されます。 「通?！?、「Nowrap」、「Pre-line」、「Pre-line」、または「Pre-rap」などの値を取ることができます。たとえば、「ホワイトスペース：Nowrap」により、テキストが次の行に巻かれないようにし、すべてのテキストが単一の行に表示されます。 ??>

リスト項目をCSSの左に並べるには、「左」の値を持つ「テキストアライグ」プロパティを使用できます。たとえば、「テキストアライグ：左」は、リスト項目を左に並べます。これはほとんどのブラウザのデフォルトのアライメントですが、指定することで異なるブラウザ全體で一貫性を確保するのに役立ちます。 'CSSのプロパティは、テキストの線間の空間を制御するために使用されます。ピクセルなどの絶対ユニット、パーセンテージなどの相対ユニット、または現(xiàn)在のフォントサイズを掛けてラインの高さを設(shè)定するユニットレス數(shù)のライン高さを指定できます。たとえば、「Line-Height：1.5」は、ラインの高さを現(xiàn)在のフォントサイズの1.5倍に設(shè)定します。

CSSのテキスト色を変更するにはどうすればよいですか？

CSSの「色」プロパティは、テキスト色を変更するために使用されます。名前（「赤」など）、16進(jìn)価値（「＃ff0000」など）、RGB値（ 'RGB（255、0、0）'など）、HSL値など、さまざまな方法で色を指定できます。 （「HSL（0、100％、50％）」など）。 CSSの「Font-Weight」プロパティは、テキストを太字にするために使用されます。その値を「太字」または100の倍數(shù)で100から900までに設(shè)定できます。たとえば、「font-weight：bold」または 'font-weight：700'はテキストを太字にします。 CSSのプロパティは、テキストのイタリック化に使用されます。その価値を「イタリック」に設(shè)定して、テキストを斜體にすることができます。たとえば、「フォントスタイル：イタリック」はテキストをイタリック化します。その価値を「下線」に設(shè)定して、テキストに下線を引くことができます。たとえば、「テキスト廃止：アンダーライン」はテキストに下線を引きます。文字間のスペース。ピクセルなどの絶対ユニットまたはEMSのような相対ユニットの文字間隔を指定できます。たとえば、「文字間隔：0.1em」は、現(xiàn)在のフォントサイズの0.1倍の文字間のスペースを増加させます。

以上がWebタイポグラフィを制御するCSSプロパティの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。