HTMLとかCSSとかJavascriptとかキライで苦手で時代おくれのmasaoです。
そんなおっさんが、必要に迫られて、1行目と1列目を固定したテーブルを作らなくてはいけなくなりました。
Continue readingTag Archives: css
[HTML] テーブルのヘッダを固定表示する（display:block;）
ここでは、HTMLにおいてテーブルのヘッダ部を固定して中身のみをスクロールさせるサンプルコードを掲載しています。
色々な方法があるとは思いますが（詳細はわかりませんが）、その1例になります。
Continue reading[HTML] テーブルの１つのセル内の左右にテキストを配置する
テーブルのセルのテキストは、tr、td、thタグに、align属性や valign属性を指定することで右詰めや中央に配置することができますが、セル全体に影響を与えてしまいます。
Continue reading[ HTML CSS ] 英小文字をサイズの小さな英大文字に変換する ( スモールキャピタル )
英文字をスモールキャピタルにするには font-variant に small-capsを指定します。言葉だけでは説明しにくいのですが、スモールキャピタルとは、”abc” といった英小文字を小さな英大文字 “abc” に変換して出力することをいいます。
ここでは、スモールキャピタルがどのような文字に影響するかサンプルを掲載して確認しています。
[ HTML5 ] Font 要素は廃止されました ( 廃止された要素一覧 )
今でも Font タグで設定した装飾はブラウザで表示してくれていますが、あるときを境に急に Font での装飾が一斉に表示されなくなる日が来るかもしれません。
今後もサイトやブログを長期的に運用していくのであれば、少なくとも HTML5 で廃止された要素の使用をやめたほうが良いでしょう。
[ HTML ] 文字間隔と行間（行の高さ）を設定する ( letter-spacing / line-height )
ここでは、HTML で文字と文字の間隔および、行の高さを設定するサンプルを掲載しています。
[ HTML ] リスト表示形式の設定と開始番号の変更 ( list-style-type, start / value )
HTML でリスト表示(箇条書き)を行うには UL タグと LI タグを使用します。デフォルトでは、黒丸 ( 違うブラウザがあるかは知らない ) が先頭に付加されますが、異なる記号に変更することもできます。
変更するには、list-style-type を設定します。
[ HTML / CSS 入門 ] 文字を斜体 / イタリック体にする ( italic / oblique )
ここでは、HTML および css で文字を斜体 / イタリック体にするサンプルを掲載しています。人生斜めに傾いています。斜めっていこう！！
[ HTML ] CSS – 文字に上線 下線 取り消し線をつける ( text-decoration )
ここでは、HTML の文字に対して上線、下線、および取り消し線をつけるサンプルを掲載しています。レッツデコレーション！
[ HTML CSS ] 文字や画像を重ねて表示する ( position: absolute, z-index )
ここでは、スタイルを使用して、文字を重ねて表示するサンプルを掲載しています。もちろん、重ねて表示できるのは文字だけではありません。画像などでも重ねて表示することができます。