新着記事一覧
タグ一覧
テーマ

ライト

ダーク

iPentec.com / Doc / HTML / CSS

目次

1 書式
2 例
- 2.1 HTMLコード
- 2.2 表示結果

タグ内にstyle属性を記述してスタイルを利用する - CSS

タグのstyle属性に直接スタイルを記述する方法を紹介します。

書式

タグにstyle属性を記述します。

<タグ style="(スタイルの記述)"></タグ>

例

HTMLコード

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
  Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
  <div style="font-size:24px; font-weight:700; color:#A0A0FF;">スタイルシート</div>
</body>
</html>

表示結果

上記HTMLファイルをWebブラウザで表示すると下図の表示が得られます。フォントサイズとフォントの色、フォントの太さが変更できています。

著者

iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。

関連するページ

掲載日: 2012-07-05

ドキュメント

新着記事一覧

ドキュメントトップ

SNSコンテンツ

iPentec

プライバシー

iPentecについて

iPentec all rights reserverd.