このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

style”要素~“title”属性

記事Apr. 20th,2015
July 13th,2020
代替スタイルシートの名前を指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

title”属性について

title”属性はグローバル属性ですが、style”要素に指定した場合は代替スタイルシートの名前を指定します。

グローバル属性としてのtitle”属性とは違い、祖先要素に指定された“title”属性の値は継承しません。

指定できる値

属性値 説明
テキスト 代替スタイルシートの名前

サンプルコード

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="icon" href="image/favicon.ico">
<meta name="robots" content="index,follow">
<meta name="keywords" content="バナナ,栄養素,産地">
<meta name="description" content="黄色くて栄養満点な果物であるバナナについて解説します。">
<link rel="stylesheet" type="text/css" href="css/stylesheet.css" media="all">
<title>黄色いフルーツバナナ - 果物を食べる</title>
<style>
p.sample {
color: rgb(0,0,0);
font-size: 1.5em;
font-family: Meiryo UI,sans-serif;
text-align: justify;
text-justify: inter-ideograph;
}
</style>
<style title="ふつうのスタイル">
p.sample {
background-color: rgb(166, 147, 114); /* */
}
</style>
<style title="ごうかなスタイル">
p.sample {
background-color: rgb(237, 203, 90); /* */
}
</style>
<style title="しっそなスタイル">
p.sample {
background-color: rgb(247, 247, 247); /* */
}
</style>
</head>
<body>
...

<p class="sample">
夏の帽額のあざやかなる、簾の外の高欄のわたりに、いとをかしげなる猫の、赤き首綱に白き札つきて、碇の緒くひつきて引きありくもなまめいたり。
</p>

...

夏の帽額のあざやかなる、簾の外の高欄のわたりに、いとをかしげなる猫の、赤き首綱に白き札つきて、碇の緒くひつきて引きありくもなまめいたり。

一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク