ベンダープレフィックス【用語おさらい】

用語 HTML+CSS

ベンダープレフィックス

　CSSで仕様が未確定な機能を、ブラウザに明示する為に付ける接頭辞の事

　各ベンダーによって推奨されており、仕様が確定された場合は外す

 

ペンダー

　英語表記：vendor

　意　　味：売り手　製品の供給元

プレフィックス

　英語表記：prefix

　意　　味：接頭辞

 

『ベンダー』はブラウザの提供元（例えば　IEやFF chromeの開発チーム）

『プレフィックス』はCSSの先頭に付ける『-』の事

 

 仕様のチェックはこちらで↓

https://caniuse.com/

 

 

 

 

疑似要素【用語おさらい】

用語 HTML+CSS

疑似要素は、HTMLに記述していない要素に対して要素を作り出し、スタイルを設定できる

例えば　::before　や ::after　など

::（コロン2つ）の前に　a要素を付けて　a::before　のように記述します。

 

■使い方

外部リンクという文字の後に、自動でリンク先を表記する

【HTML記述】

<p><a href="http://www.osarai.com/">外部リンク</a></p>

 

 【CSS記述】

a::after{
content: '(' attr(href) ')';
}