CSS インライン スタイル

CSS インライン スタイル. Cascading Style Sheet (CSS) は、HTML ページの表示方法を表すスタイル シート言語です.主に、マークアップ言語コードの特定の部分のパフォーマンスをスタイルします. HTML コードに CSS を含めるには、内部、外部、およびインラインの 3 つの方法があります.外部メソッドでページ内の外部的に記述されたスタイル シートを呼び出しますが、内部メソッドの同じ HTML コードで <style > 内のスタイルを表します.スタイル要素のスタイル属性を行います.内部 CSS は、コードで使用されている要素のスタイル設定に使用されるため、同じ HTML ページに保持されます.

CSS インライン スタイル

インライン スタイルの単一のインライン CSS と複数のインライン CSS の 2 つの例があります.

<!---CSS Inline Style for single Elements ---->
<h1 style="color:hotpink; font-size:50px; font-style: italic;">CSS Inline Style For Single Element</h1>
<!---CSS Inline Style for Mutiple Elements ---->
<h1 style="text-decoration: underline;color: hotpink;border:2px solid #eee; font-weight: 400px;">CSS Inline Style For Multiple Elements</h1>

注: 上記の 2 つの例では、HTML の例ではコメントで区切られています. font-weight、color、border などのスタイル属性に関する多くのアセットを利用してきました.参照できるアセットは他にもたくさんあります.サンプルの HTML ページを作成し、できるだけ多くのスタイル プロパティを試して、認識しやすくすることをお勧めします.

画像要素のインライン CSS。

<img style=" border: 5px solid #eee; padding: 10px;" src="Image Source (URL)" height="300px" width="600px">

そのため、この記事では、CSS インライン スタイルを HTML マークアップで実行する方法を説明するいくつかの部分について説明しました.ただし、マークアップが大きなレベルで厳密なスタイリングが必要な場合は、外部スタイル シートを使用することをお勧めします.これはパフォーマンスを向上させるだけでなく、スキームを適切に構造化します.

CSS Inline Styles ( https://softcodeon.com/css/css-inline-style.htm ) からこの投稿を共有しました.そこから詳細を読むことができます.

ご不明な点がございましたら、以下のヘルプについてご相談ください.ありがとうございました.