スタイルシートの使い方
概要
お絵かきの町ではスタイルシートを利用することで掲示板のデザインを変更することができます。
スタイルシートを利用する際には下記の入力方法に従ってご記入ください。
クラスの書きかた
クラスの設定をする際には下記の形式に従って記入してください。
以下のような記述をすると掲示板のスタイルシートに反映されなくなります。
設定可能なクラス一覧
設定可能なクラスは以下の通りとなっています。
body{
a:link{
a:visited{
a:active{
a:hover{
h2{
p{
img{
#header{
#header h2{
#header_text{
#header_text p{
#footer_text{
#footer_text p{
#board_menu{
#bpard_menu p{
#page{
#page p{
#entry{
#entry h2{
#entry_container{
#entry_container_menu{
#entry_info{
#entry_info p{
#entry_image{
#entry_body{
#entry_body p{
#entry_menu{
#entry_menu p{
#comment{
#comment h2{
#comment_info{
#comment_info p{
#comment_image{
#comment_body{
#comment_body p{
#comment_menu{
#comment_menu p{
#access_count{
#access_count p{
設定可能な要素一覧
設定可能な要素は以下の通りとなっています。
設定可能な要素の値は一覧に記述されている順番どおりに記入してください。
()で囲まれている値、英単語は()内のものから1つを記入することができます。
色の指定は#FFFFFF等のカラーコード指定をサポートしています。redなどのカラーネーム指定には対応していないのでご注意ください。
数値の単位はmm,cm,in,pt,pc,em,ex,px,%,単位無しをサポートしています。
画像はpng,jpg,gifをサポートしています。
background-attachment: (fixed, scroll);
color: 「カラーコード」;
background-color: カラーコード;
background-image: url("「画像のURL」");
border(-top, right, bottom, left): 「数値」 「カラーコード」 (solid, double, groove, ridge, inset, outset, dotted, dashed, none);
border(-top, right, bottom, left)-color: 「カラーコード」;
border(-top, right, bottom, left)-style: (solid, double, groove, ridge, inset, outset, dotted, dashed, none);
border(-top, right, bottom, left)-width: 「数値」;
(top, right, bottom, left): 「数値」;
clear: (left, right, both, none);
curso: (auto, default, pointer, crosshair, move, text, wait, help, n-resize, e-resize, s-resize, w-resize, ne-resize, se-resize, sw-resize, nw-resize);
display: (block, inline, item-list);
float: (left, right, none);
font-size: (「数値」, samll, x-small, xx-small, large, x-large, xx-large, medium, smaller, larger);
font-style: (italic, oblique, normal);
font-variant: (small-caps, normal);
font-weight: (bold, normal);
(width, height): 「数値」;
letter-spacing: 「数値」;
line-break: (normal, strict);
line-height: (「数値」, normal);
(margin, padding)(-top, right, bottom, left): (「数値」, auto);
position: (static, relative, absolute, fixed);
scrollbar-(base, face, track, arrow, highlight, shadow, 3dlight, darkshadow)-color: 「カラーコード」;
text-align: (left, right, center);
text-decoration: (underline, overline, line-through, blink, none);
text-justify: (auto, distribute, distribute-all-lines, inter-world, inter-cluster, inter-ideograph, newspaper, kashida);
text-overflow: (ellipsis, clip);
text-transform: (capitalize, uppercase, lowercase, none);
text-underline-position: (above|below);
vertical-align: (super, sub, baseline);
white-space: (normal, nowrap, pre);
word-break: (normal, break-all, keep-all);
word-spacing: 「数値」;
word-wrap: (normal, break-word)
writing-mode: (tb-rl, lr-tb);
z-index: (「数値」, auto)
zoom: 「数値」;