CSS でテキストに直接枠線を追加できますか?

CSS でテキストに枠線を追加できますか?

CSS3 の出現により、大量の枠線オプションが導入されました。ただし、テキストに境界線を直接追加する機能はまだわかりません。この目的のために指定されたプロパティが存在しないにもかかわらず、既存の CSS 機能または実験的プロパティを使用して同様の効果を達成する方法があります。

CSS3 実験的プロパティ

CSS3 が導入されましたtext-ストロークと呼ばれる実験的なプロパティ。これにより、ユーザーはテキストの周囲に境界線を適用できます。すべてのブラウザーでサポートされているわけではありませんが (場合によっては -webkit プレフィックスが必要です)、text-ストロークはテキストに境界線を追加する直接的な解決策を提供します。

コード例:

h1 {
    -webkit-text-stroke: 2px black; /* width and color */

    font-family: sans;
    color: yellow;
}

<h1>Hello World</h1>

上に示すように、テキスト ストロークを見出しに適用すると、テキストの周囲に黒い実線の境界線が作成され、 Twitter スタイルのエフェクト。

以上がCSS でテキストに直接枠線を追加できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。