ボーダー画像とはどのように動作するのですか？

-6

私はあなたが私を助けてくれることを願っています。私は本当に新しいデザインのWebデザインで、どうやってボーダーイメージの仕組みを構成するのが苦労しているのですか？ボーダー画像とはどのように動作するのですか？

enter image description here S：それはあなたのプロジェクトに関連するHTMLとCSSを見ずに支援することは困難ですが、あなたは、Mozillaの開発者にborder-image documentationをチェックした

出典

2017-03-02 daone

あなたの質問は何ですか？あなたの質問を編集し、[最小限の、完全で検証可能な例]（http://stackoverflow.com/help/mcve）を提供し、_specific_質問をしてください。 – Xufox

どうすれば私のリンクの縁のイメージとしてイメージを使用できますか。 – daone

解決に至ったときは、有用なものを優先して投票し、好きな答えを受け入れることを覚えておいてください。そうすれば、Stack Overflowは質問を適切にアーカイブすることができます。 – Prune

//i.stack.imgur.com/RKyHZ.jpgネットワーク？どのように動作するかの例と簡単なデモの例については、CSS-Tricks article on border-imageを読むこともできます。

構文はborder-image: image-source | height | width | repeatです。一部のブラウザでは、border-style（またはborder略語）も設定する必要があることに注意してください。

#example { 
 
    border: 20px solid transparent; 
 
    width: 50px; 
 
    height: 50px; 
 
    
 
    /* using linear-gradient() rather than a url() to avoid hotlinking */ 
 
    border-image: linear-gradient(teal, lime) 5 5 stretch; 
 
}

<div id="example"></div>

出典

2017-03-03 01:30:30 codehearts

ボーダー画像とはどのように動作するのですか？

答えて

関連する問題