ホーム>HTMLリファレンス(アルファベット検索)>outlineプロパティ
outline プロパティ …アウトライン(輪郭線)の太さ、スタイル、色を指定する
使用プロパティ
|
outline: 値; |
対象となる
要素 |
すべて |
継承 |
しない
|
値 |
太さ、スタイル、色を並べる |
|
|
|
使用例
記述例
<html>
<head>
<title>HOME PAGE ZERO ガイド</title>
<!--スタイルシート-->
<style type="text/css">
input {
outline-width: 2px;
outline-style: solid;
outline-color: red;
}
textarea {
outline: 5px double yellow;
}
</style>
</head>
<!--ページの本文-->
<body>
<form action="sample.cgi" method="post">
ID:<input type="text" name="id" size="10">
パスワード:<input type="text" name="password" size="20">
<input type="radio" name="hyouka" checked>上出来<br>
<input type="radio" name="hyouka">ふつう<br>
<input type="radio" name="hyouka">よくないと思う<br><br>
<p>コメント:<br>
<textarea name="comment" cols="50" rows="10">ご意見、ご感想をを入力してください。
</textarea>
</p>
<input type="submit" value="送信">
</form>
</body>
</html> |
|
[ブラウザでの表示例]
HOME PAGE ZERO ガイド |
|
△ページトップへ
ホームページ初心者ガイド|
HTML|
CSS|
ホームページお役立ち情報|
ホームページレベルアップ情報|
その他