U-BOX/うさぎの小箱

FC2ブログのテンプレートを配布しています

  1. スポンサー広告
  2. [ edit ]

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


  1. css
  2. tb: 0
  3. cm: 0
  4. [ edit ]

css7.valueの文字列を改行する

燈明日記
http://d.hatena.ne.jp/chaichanPaPa/20100117/1263693373 より、

[WEB] ボタンのvalueで改行するには

input要素のtype属性が"submit"や"button"の場合で、value属性の文字列を改行するには、
実体参照で a「
」、b「
」、c「
」を入れる。

a:<input type="submit" value="aaaaa
aaaaa
aaaaa
aaaaa">


b:<input type="submit" value="aaaaa
aaaaa
aaaaa
aaaaa">


c:<input type="submit" value="aaaaa
aaaaa
aaaaa
aaaaa">


IE7では、a、b、c、どれも改行されるが、最後の行の先頭にスペースが入ってしまう。
Firefox、chromでは、b、c、のみ改行、a、は改行されない。
Operaでは、a、b、c、どれも改行されない。


スポンサーサイト

  1. color_code
  2. tb: 0
  3. cm: 0
  4. [ edit ]

color

{ color: #00ffff } /*180-100-100*/

{ color: #c7cce2 } /*230-12-89*/

{ color: #3d4f96 } /*227-59-58*/
{ color: #051e84 } /*228-96-52*/
{ color: #6e717f } /*230-13-50*/

{ color: #393d4f } /*229-27-30*/
{ color: #373b49 } /*228-25-29*/
{ color: #373a49 } /*230-24-28*/

{ color: #121212 } /*0-0-7*/

{ color: #eee } /*0-0-93*/
{ color: #ddd } /*0-0-86*/
{ color: #ccc } /*0-0-80*/
{ color: #bbb } /*0-0-73*/
{ color: #aaa } /*0-0-66*/
{ color: #999 } /*0-0-60*/
{ color: #888 } /*0-0-53*/

{ color: #808080 } /*0-0-50*/gray

{ color: #777 } /*0-0-46*/
{ color: #666 } /*0-0-40*/
{ color: #555 } /*0-0-33*/

{ color: #444 } /*0-0-26*/
{ color: #333 } /*0-0-20*/
{ color: #222 } /*0-0-13*/
{ color: #1e1e1e } /*0-0-12*/
{ color: #1c1c1c } /*0-0-11*/

{ color: #191919 } /*0-0-10*/
{ color: #161616 } /*0-0-9*/
{ color: #141414 } /*0-0-8*/
{ color: #121212 } /*0-0-7*/
{ color: #111 } /*0-0-6*/

{ color: #0c0c0c } /*0-0-5*/
{ color: #0a0a0a } /*0-0-4*/
{ color: #070707 } /*0-0-3*/
{ color: #050505 } /*0-0-2*/
{ color: #020202 } /*0-0-1*/









  1. tag_sample
  2. tb: 0
  3. cm: 3
  4. [ edit ]

tag_memo

>IE7以降,_IE6まで       http://www.css-style.net/styles/use-style13.html

ソースコード       < code>< /code>

/* スペース要素としてのライン --< div class="lin">< hr>< /div>-- */
< div class="lin3">< hr>< /div>
.lin hr, .lin2 hr, .lin3 hr { border: 0px; width: 90%; display: none }
.lin3 {
float: right;
padding: 0;
margin: 0;
width: 220px;
height: 470px;
border: 0px solid red;
}




color: #;
font-size: 12px;

font-weight: normal;
font-weight: bold;


font-family: sans-serif,arial,"MS Pゴシック",;/*06Moon*/
font-family: "Century Gothic", "Bodoni MT Black", "Tahoma", "Arial";/*06Moon-h1*/
font-family:arial,"MS Pゴシック", sans-serif; /*07Komon*/
font-family: sans-serif, Verdana, "メイリオ", Meiryo; /*07Komon-h1*/
font-family: Verdana,"Arial Black","Meiryo UI","MS UI Gothic","ヒラギノ角ゴ ProN W",Osaka,Sans-Serif;/*18night*/


text-align: left;
text-align: right;
text-align: center;
line-height: 160%;
letter-spacing: 0;



text-transform: uppercase; /*全ての文字を大文字に変換*/
text-transform: lowercase; /*全ての文字を小文字に変換*/
text-transform: capitalize; /*単語の先頭文字を大文字に変換*/




a:hover { text-decoration: underline }
a:active { text-decoration: line-through }
a:active { text-decoration: blink }



background-color: transparent;
background-color: #000000;
background-image: url(http://blog-imgs-56.fc2.com/a/o/g/aogaras10box/.jpg);
background-repeat: no-repeat;
background-repeat: repeat-y;
background-position: center;
background-attachment: fixed;


width: 120%;
height: 105%

margin: 0;
pading: 0;


float: left;
float: right;



text-decoration: none;

word-break: break-all;

overflow-x: hidden;


list-style-type: square;
list-style-image: url(.gif);

デフォルトの余白を取り除く
ul {
margin: 0 0 0 1em;
padding: 0;
}

display: inline;

position: relative;
z-index: 2;


table/隣接するセルのボーダーを結合
border-collapse: collapse;
border-collapse: separate;
セルの境界線の間隔 > [上下左右]/[左右][上下]
border-spacing: 5px 30px;

border-top: 0px solid #000;
border-left: 1px solid #333;
border-bottom: 0px solid #000;
border-right: 1px solid #333;


color: red;
background-color: red;




input:first-child,input#name,input#subject,input#mail,input#url,input#pass,textarea {
color:#304589;
font-size: 11px;
background-color: transparent;
background-image: url(http://blog-imgs-56.fc2.com/a/o/g/aogaras10box/w30.png);
background-repeat: repeat;
margin: 0;
padding: 0.2em;
border: 0px solid ;
}

input#name, input#subject, input#mail, input#url, input#pass, textarea {
font-size: 100%;
background-color: transparent;
background-image: url(http://blog-imgs-56.fc2.com/a/o/g/aogaras10box/w80.png);
background-repeat: repeat;
margin: 0;
padding: 0.2em;
border: 1px solid #999;
}

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
< h1> 200%(32px)
< h2> 150%(24px)
< h3> 113%(18px)
< h4> 100%:標準文字サイズを太字にしたものと同じ(16px)
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
(default)

< !-- 以下のカレンダーを表示しないときは"*"を"display: none"に置き換えて下さい。-->
< div class="body3" style="*">< !-- ■ -->






NEW ENTRY  | BLOG TOP |  OLD ENTRY

プロフィール

usagi

Author:usagi
FC2ブログへようこそ!

information

2015.2.8_23:12
管理人のみ閲覧のコメントを下さるみなさまへ

管理ページを見ることを忘れがちな管理人は 返事が遅れがちになることが多いため、ご注意下さい。

お急ぎの返信が必要なかたはカギなしでお願いします。
また、URL を記載していただくと、たすかります。

カレンダー

05 | 2013/06 | 07
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 - - - - - -

ユーザータグ

* 



上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。