でん⚡きかいでんのブログ

3Dプリンター、3DCG、PC、電子工作、HTML、CSS、ミシン、ペンタブレット、アイデア・材料・道具の紹介。PCデータのわかりやすいバックアップ方法。PC関連機器の使用感レビューなど。

正当なCSSです! クリエイティブ・コモンズ・ライセンス表示

2015.05.16 [土]

CSS追加設定記録04【このブログ用】

基本的にこのブログ用のもの

 現在CSSに書き込んでいるものをそのままコピペしておく。

classで指定するlist-style-type

.entry_body ul li { margin: 1em;list-style: disc outside;line-height: 1.6em;}
.entry_body ol li { margin: 1em;list-style: decimal outside; line-height: 1.6em;}

.entry_body ul.circle li {padding-left: 1ex;list-style-type: circle;}

.entry_body ul.nomark li,
.entry_body ol.nomark li {padding-left: 1ex;list-style-type: none;}

classで指定する枠線borderと、padding設定

.wakudott0 {border:1px dotted #ccc;}
.wakudash0 {border:1px dashed #ccc;}
.wakusolid0 {border:1px solid #ccc;}

.wakudott {margin:1em;padding:0.5em 1em;border:1px dotted #ccc;}
.wakudash {margin:1em;padding:0.5em 1em;border:1px dashed #ccc;}
.wakusolid {margin:1em;padding:0.5em 1em;border:1px solid #ccc;}

.wakudott2 {margin:1em 0;padding:0 1em;border:1px dotted #ccc;}
.wakudash2 {margin:1em 0;padding:0 1em;border:1px dashed #ccc;}
.wakusolid2 {margin:1em 0;padding:0 1em;border:1px solid #ccc;}

.wakudashusuku {margin:5px auto; padding:1em; border:1px dashed #ccc; color:#8e8e8e; font-size:90%; line-height:1.6em;}

.wakudott3 {margin:1em 0;border:1px dotted #ccc;}
.wakudash3 {margin:1em 0;border:1px dashed #ccc;}
.wakusolid3 {margin:1em 0;border:1px solid #ccc;}

.wakudott4 {margin:1em 0;border:3px dotted #ddd;}
.wakudash4 {margin:1em 0;border:3px dashed #ddd;}
.wakusolid4 {margin:1em 0;border:3px solid #ddd;}

.wakudott5 {margin:1em;padding:1em;border:1px dotted #ccc;}
.wakudash5 {margin:1em;padding:1em;border:1px dashed #ccc;}
.wakusolid5 {margin:1em;padding:1em;border:1px solid #ccc;}

.wakudott6 {margin:1em 0;padding:1em;border:1px dotted #ccc;}
.wakudash6 {margin:1em 0;padding:1em;border:1px dashed #ccc;}
.wakusolid6 {margin:1em 0;padding:1em;border:1px solid #ccc;}

.wakudott7 {margin:1em 0;padding:1em;border:3px dotted #ddd;}
.wakudash7 {margin:1em 0;padding:1em;border:3px dashed #ddd;}
.wakusolid7 {margin:1em 0;padding:1em;border:3px solid #ddd;}

.wakudott8 {margin:1em 0;padding:1em;border:6px dotted #ddd;}
.wakudash8 {margin:1em 0;padding:1em;border:6px dashed #ddd;}
.wakusolid8 {margin:1em 0;padding:1em;border:6px solid #ddd;}

.wakudott9 {padding:1em; border:6px dotted #ddd;}
.wakudash9 {padding:1em; border:6px dashed #ddd;}
.wakusolid9 {padding:1em; border:6px solid #ddd;}

.wakudott10 {padding:1em; border:1px dotted #ccc;}
.wakudash10 {padding:1em; border:1px dashed #ccc;}
.wakusolid10 {padding:1em; border:1px solid #ccc;}

字下げ

.jisage p,
.indent p {text-indent: 1em;}


幅指定

.w5em {width:5em;}


classで指定するpadding設定

.semai {margin:0 auto;width:400px;}
.semaku {margin:0 auto;width:350px;}
.saranisemaku {margin:0 auto;width:300px;}

.wakunasi {padding:0;}
.sirowaku {padding:0 1em;}

.wakunasi2 {padding:0 0 2em;}
.sirowaku2 {padding:0 1em 2em;}
.semai2 {padding:0 2em 2em;}
.semaku2 {padding:0 3em 2em;}
.yorisemaku2 {padding:0 4em 2em;}
.saranisemaku2 {padding: 0 5em 2em;}

.sirowaku3 {padding:0 1em;}
.semai3 {padding:0 2em;}
.semaku3 {padding:0 3em;}
.yorisemaku3 {padding:0 4em;}
.saranisemaku3 {padding: 0 5em;}

.sirowaku4 {padding:1em;}
.semai4 {padding:2em;}
.semaku4 {padding:3em;}
.yorisemaku4 {padding:4em;}
.saranisemaku4 {padding:5em;}

.wakunasi5 {padding:0 0 1em;}
.sirowaku5 {padding:0 1em 1em;}
.semai5 {padding:0 2em 1em;}
.semaku5 {padding:0 3em 1em;}
.yorisemaku5 {padding:0 4em 1em;}
.saranisemaku5 {padding: 0 5em 1em;}

.yokowaku5px {padding:0 5px;}
.yokowaku10px {padding:0 10px;}

 | HOME |