hamura.css
.pbList のテスト(Web フォント対応ブラウザ用)

• github > pb-100 > hamura.css
• Top page.
• Web フォントのテスト
• Web フォントのブロックをエミュレート
• Web フォントが無効の環境をエミュレート
• content:url() のテストページ
• Data URI Web フォント
• ツールチップのテスト
• .pbList のテスト

テスト結果

1. Chrome 21~27相当
2. 古い WebKit には text-align:right の時に半角スペースが無視される問題があるが、.*Line{ white-space:pre } で解消した! @see

text-indent によるレイアウト

P0
1 D=D+SGN A*(A-5:D(SGN D)=1:P=EXP FRAC LN D:O(RAN#+.05)=4+P:P(LN D)=3
2 Q=B+6:H=INT P*5:$=KEY:$="0"+$:A=VAL($):IF U=4;PRINT " Get♥":END
3 D(P)=Q*4:$="_¥A,aJ '":PRINT :PRINT MID(P-U,1);D;G;:IF P-U<5 THEN 1
4 PRINT H;:IF H<1;PRINT "Win":B=B+.5:M(P)=4:I(SQR D)=8:GOTO (P+U)/4
5 C=RAN#↑RAN#↑RAN#+π:IF KEY="5";IF C≧4;PRINT "Ec":GOTO 1
6 IF G>0;D(C)=D(C)-INT (RAN#*M(C):GOTO 3
P1
1 VAC :GOTO #0

float によるレイアウト

P0
1 D=D+SGN A*(A-5:D(SGN D)=1:P=EXP FRAC LN D:O(RAN#+.05)=4+P:P(LN D)=3
2 Q=B+6:H=INT P*5:$=KEY:$="0"+$:A=VAL($):IF U=4;PRINT " Get♥":END
3 D(P)=Q*4:$="_¥A,aJ '":PRINT :PRINT MID(P-U,1);D;G;:IF P-U<5 THEN 1
4 PRINT H;:IF H<1;PRINT "Win":B=B+.5:M(P)=4:I(SQR D)=8:GOTO (P+U)/4
5 C=RAN#↑RAN#↑RAN#+π:IF KEY="5";IF C≧4;PRINT "Ec":GOTO 1
6 IF G>0;D(C)=D(C)-INT (RAN#*M(C):GOTO 3
P1
1 VAC :GOTO #0

display:table によるレイアウト

P0
1 D=D+SGN A*(A-5:D(SGN D)=1:P=EXP FRAC LN D:O(RAN#+.05)=4+P:P(LN D)=3
2 Q=B+6:H=INT P*5:$=KEY:$="0"+$:A=VAL($):IF U=4;PRINT " Get♥":END
3 D(P)=Q*4:$="_¥A,aJ '":PRINT :PRINT MID(P-U,1);D;G;:IF P-U<5 THEN 1
4 PRINT H;:IF H<1;PRINT "Win":B=B+.5:M(P)=4:I(SQR D)=8:GOTO (P+U)/4
5 C=RAN#↑RAN#↑RAN#+π:IF KEY="5";IF C≧4;PRINT "Ec":GOTO 1
6 IF G>0;D(C)=D(C)-INT (RAN#*M(C):GOTO 3
P1
1 VAC :GOTO #0

関連リンク

1. プログラムリストは「ムシハカセ」PBロッキーのブログより
2. マイコンプログラムをHTMLで表示するCSSのポイント、禁則処理、コピーペーストなど