text-overflow (日本語)
clip
このプロパティのデフォルト。このキーワード値は、コンテンツ領域の制限でテキストを切り捨てるため、文字の途中で切り捨てが発生する可能性があります。文字間の遷移をクリップするには、ターゲットブラウザでサポートされている場合、text-overflow
を空の文字列として指定できます:text-overflow: "";
。 ellipsis
このキーワード値は省略記号("…"
、 U + 2026水平省略記号)を表示します
)クリップされたテキストを表します。省略記号はコンテンツ領域内に表示され、表示されるテキストの量を減らします。省略記号を表示するのに十分なスペースがない場合は、省略記号がクリップされます。 <string>
これは実験的なAPIであり、本番コードでは使用しないでください。クリップされたテキストを表すために使用される<string>
。文字列はコンテンツ領域内に表示され、表示されるテキストのサイズが短くなります。文字列自体を表示するのに十分なスペースがない場合は、クリップされます。 fade
これは実験的なAPIであり、本番コードでは使用しないでください。このキーワードは、オーバーフローしたインラインコンテンツをクリップし、ラインボックスの端の近くでフェードアウト効果を適用し、端を完全に透明にします。 fade( <length> | <percentage> )
これは実験的なAPIであり、本番コードでは使用しないでください。この関数は、オーバーフローしたインラインコンテンツをクリップし、ラインボックスの端の近くでフェードアウト効果を適用し、端を完全に透明にします。引数は、フェード効果が適用される距離を決定します。 <percentage>
は、ラインボックスの幅に対して解決されます。より小さい値