印刷関連
<link rel="stylesheet" href="表示用.css" type="text/css" media="screen,tv" charset="shift_jis">
<link rel="stylesheet" href="印刷用.css" type="text/css" media="print" charset="shift_jis">
- [ 印刷関連 memo ]
- 1. 表示用の css をコピーして、印刷用の css に編集していきます。
- 2. ページの横幅は約700px前後以下にします。
- 3. font-size:はptで指定します。
- 4. 背景を白(#fff)、文字色を黒(#000)に変更します。
- 5. display: none;で出力しない部分を隠します。
- * cssのposition:absoluteを使うと印刷ページが途切れたり、印刷ページ枚数が多い場合はブラウザにより正しく印刷されない等のバグがあります。
css のみで角丸
[ cssのみで角丸実例(css) 記述例 ]
[ cssのみで角丸実例(xhtml) 記述例 ]
- [ css のみで角丸 memo ]
- css のみで角丸実例の css、xhtmlは上記を参照してください。
- 空divを使用していますが、文法的にはよくありません。
- css 3 では角丸用の cssのborder-radiusが予定されています。
- * Mozilla系のみ表示可能なcss
- クラス名{
- -moz-border-radius: 20px;
- border: 1px solid #fff;
- color: #000;
- background-color: #ccc;
- }
- 画像で角丸を作成する場合は角丸ライブラリ様のサイトが大変参考になります。
[ page top ]
[ css のみで角丸 実例 ]
form
[ form 記述例 ]
- [ form memo ]
- formにはtabindexを追加し、使いやすいように作成します。
[ page top ]
ruby / 読み仮名
<ruby>
<rb>CSS<rb>
<rp>（</rp><rt>シーエスエス</rt><rp>）</rp>
</ruby>
- [ ruby memo ]
- xhtml 1.1で新たに追加されました。
- IE 6.0・Sleipnir 2.3 では css の上に小さな"シーエスエス"という文字が付き、ファイアフォックス・オペラでは"css(シーエスエス)"と表示されます。
- このようにルビ対応(IE 6.0)、ルビ非対応ブラウザ(ファイアフォックス・オペラ)では表示が異なります。
- * ひらがな以外でも使用可能です。
