スタイルシート(CSS)で使うタグ一覧

スポンサーリンク

よく使うCSSタグ一覧

文字色・背景タグ

color文字色
background背景をまとめて指定
background-color背景色
background-image背景画像
background-repeat背景画像の並び方
background-position背景画像の表示位置

テキスト

vertical-align垂直方向の表示位置
text-align水平方向の表示位置
line-height行の高さ
text-decoration文字の装飾
(テキストの下線・上線・打消し線・点滅など)

フォント

fontフォントの指定をまとめて行う
font-styleフォントを斜体にする
font-weightフォントの太さ
font-sizeフォントのサイズ
font-familyフォントの種類
font-weightフォントの太さ

幅・高さ

width幅を指定する
max-width最大幅を指定
min-width最小幅を指定
高さ
height高さを指定
max-height最大高さを指定
min-height最小高さを指定

表示・配置

top上からの距離
bottom下からの距離
left左からの距離
right右からの距離
overflowはみ出た内容の表示方法を指定
positionボックスの配置方法を指定

マージン・パディング・ボーダー

参考 詳しくは marginとpaddingの違い を参照

マージン(枠の外側の余白)
marginマージンの指定をまとめて行う
margin-top上マージンを指定
margin-bottom下マージンを指定
margin-left左マージンを指定
margin-right右マージンを指定
パディング(枠の内側の余白)
paddingパディングの指定をまとめて行う
padding-top上パディングを指定
padding-bottom下パディングを指定
padding-left左パディングを指定
padding-right右パディングを指定
ボーダー(境界線)
border枠線指定をまとめて行う
border-color枠線の色
border-style枠線のスタイル
border-width枠線の太さ
border-top上側の枠線
border-bottom下側の枠線
border-left左側の枠線
border-right右側の枠線

SSブログのCSSの指定場所

クリックで拡大

 ① /*—–Common—–*/ 全体的な設定部分
 ② /*—–Header—–*/ ヘッダー部分・バナー部分
 ③ /*—–Content—–*/ サイドバー・記事部分の外回りの設定
 ④ /* Links */ 記事のまわりの設定
 /* Articles */
 /*—–Entry—–*/
 /* nice! */
 /* Comments */
 /* Comment Write */
 /* Trackback Write */
 記事部分の設定
 nice・コメント部分の全体的な設定
 niceの設定
 コメント表示部分の設定
 コメントを書き込む部分の設定
 トラックバックの設定
 /* Related */
/*—–Side—–*/
 /*–Profile–*/
 /*–Calendar–*/
 /*–Search–*/
 /*–RSS Regist–*/
 /*–So-net–*/
サイドバーの設定
プロフィールの設定
カレンダーの設定
検索の設定
 RSSの設定
 so-netの設定
/*–Tag–*/タグの設定
/*—–Footer—–*/ フッターの設定

スポンサーリンク

タイトルとURLをコピーしました