CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSのフォントスタイル

CSS font-styleプロパティは、要素のテキストの通常、斜体、または斜体のスタイルを指定するために使用されます。

構文

CSSフォントスタイルプロパティの構文は次のとおりです-

Selector {
   font-style: /*value*/
}

例

次の例は、CSSフォントスタイルのプロパティ-

を示しています。 
<!DOCTYPE html>
<html>
<head>
<style>
h2 {
   font-style: italic;
   background-color: steelblue;
   color: white;
}
p {
   font-style: oblique 10deg;
}
</style>
</head>
<body>
<h2>Fortran Tutorial for Beginners</h2>
<p>Fortran, as derived from Formula Translating System, is a general-purpose, imperative programming language.</p>
<p>It is used for numeric and scientific computing.</p>
</body>
</html>

出力

これにより、次の出力が得られます-

CSSのフォントスタイル

例

<!DOCTYPE html>
<html>
<head>
<style>
h3 {
   font-style: italic;
   background-color: mediumpurple;
   color: white;
   text-align: center;
}
li {
   font-family: "Comic Sans MS", cursive;
   font-style: oblique 5deg;
}
</style>
</head>
<body>
<h3>Developers Best Practices Tutorial</h3>
<ul>
<li>Documentation is the key</li>
<li>Follow the standards</li>
<li>Write to be Reviewed</li>
</ul>
</body>
</html>

出力

これにより、次の出力が得られます-

CSSのフォントスタイル


  1. CSSのフォントバリアント

    font-variantプロパティは、font-variant-caps、font-variant-numeric、font-variant-alternates、font-variant-ligatures、およびfont-variant-east-asianを指定するために使用されます。 構文 font-variantプロパティの構文は次のとおりです- Selector {    font-variant: /*value*/ } 次の例は、CSSフォントバリアントプロパティ-を示しています。 例 <!DOCTYPE html> <html>

  2. CSSのフォントサイズ

    CSS font-sizeプロパティは、フォントのサイズを設定するために使用されます。値は、パーセンテージ、ピクセル、cm、ポイント、emなどの単位、および絶対キーワードで指定できます。相対値はアクセシビリティを最大化します。デフォルトのフォントサイズは16pxまたは12ptです。 構文 CSSfont-sizeプロパティの構文は次のとおりです- Selector {    font-size: /*value*/ } 次の例は、CSSのfont-sizeプロパティ-を示しています。 例 <!DOCTYPE html> <html> <he