BinaryDevelop
  1. ホーム
  2. css

[解決済み] CSS Font Border?

2022-03-18 19:15:24

質問

CSS3 のボーダーに関する新機能 ( -webkit フォントにボーダーを追加することは可能ですか？(青いTwitterのロゴの周りにある白い縁取りのように）。もし可能でなければ、CSS/XHTMLでこれを実現する、あまり醜くないハックがありますか、それともやはりPhotoshopを起動する必要がありますか？

解決方法は？

という実験的なCSSプロパティがあります。 テキストストローク , webkit接頭辞の後ろにある一部のブラウザでサポートされています。 . 

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

    font-family: sans; color: yellow;
}

<h1>Hello World</h1>

もう一つの可能なトリックは、プロパティを使用して、すべての方向に1ピクセルずつ、4つのシャドウを使用することです。 text-shadow : 

h1 {
    /* 1 pixel black shadow to left, top, right and bottom */
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

    font-family: sans; color: yellow;
}

<h1>Hello World</h1>

しかし、1ピクセル以上の厚みがあるとぼやけてしまう。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します