/[suikacvs]/markup/html/whatpm/t/css-visual.dat
Suika

Contents of /markup/html/whatpm/t/css-visual.dat

Parent Directory Parent Directory | Revision Log Revision Log


Revision 1.5 - (hide annotations) (download)
Sat Jan 26 09:05:07 2008 UTC (17 years, 5 months ago) by wakaba
Branch: MAIN
Changes since 1.4: +149 -0 lines
++ whatpm/t/ChangeLog	26 Jan 2008 09:05:05 -0000
	* css-visual.dat: New test data for 'border' are added.

2008-01-26  Wakaba  <wakaba@suika.fam.cx>

++ whatpm/Whatpm/CSS/ChangeLog	26 Jan 2008 09:04:26 -0000
	* Parser.pm ('border' serialize_multiple): Reimplement
	to take 'inherit' and 'important' into account.

2008-01-26  Wakaba  <wakaba@suika.fam.cx>

1 wakaba 1.1 #html 1
2     <!DOCTYPE HTML><p>
3    
4     #data
5     p {}
6     #computed 1 p
7    
8     #data
9     p {
10     margin-top: inherit;
11     }
12     #cssom
13     | <p>
14     | margin-top: inherit
15     #csstext
16     p {
17     margin-top: inherit;
18     }
19    
20     #data
21     p {
22     margin-top: inherit !important;
23     }
24     #cssom
25     | <p>
26     | margin-top: inherit !important
27     #csstext
28     p {
29     margin-top: inherit ! important;
30     }
31     #computed 1 p
32     #computedtext 1 p
33    
34     #data
35     p {
36     margin-top: inherit;
37     margin-right: inherit;
38     margin-bottom: inherit;
39     margin-left: inherit;
40     }
41     #cssom
42     | <p>
43 wakaba 1.4 | margin: inherit
44 wakaba 1.1 | margin-bottom: inherit
45     | margin-left: inherit
46     | margin-right: inherit
47     | margin-top: inherit
48     #csstext
49     p {
50     margin: inherit;
51     }
52     #computed 1 p
53     #computedtext 1 p
54    
55     #data
56     p {
57     margin-top: inherit;
58     margin-right: inherit !important;
59     margin-bottom: inherit;
60     margin-left: inherit;
61     }
62     #cssom
63     | <p>
64     | margin-bottom: inherit
65     | margin-left: inherit
66     | margin-right: inherit !important
67     | margin-top: inherit
68     #csstext
69     p {
70     margin-bottom: inherit;
71     margin-left: inherit;
72     margin-right: inherit ! important;
73     margin-top: inherit;
74     }
75     #computed 1 p
76     #computedtext 1 p
77    
78     #data
79     p {
80 wakaba 1.4 margin-top: inherit!important;
81     margin-right: inherit !important;
82     margin-bottom: inherit !important;
83     margin-left: inherit ! important ;
84     }
85     #cssom
86     | <p>
87     | margin: inherit !important
88     | margin-bottom: inherit !important
89     | margin-left: inherit !important
90     | margin-right: inherit !important
91     | margin-top: inherit !important
92     #csstext
93     p {
94     margin: inherit ! important;
95     }
96     #computed 1 p
97     #computedtext 1 p
98    
99     #data
100     p {
101 wakaba 1.1 margin-top: 12px;
102     }
103     #cssom
104     | <p>
105     | margin-top: 12px
106     #csstext
107     p {
108     margin-top: 12px;
109     }
110     #computed 1 p
111     -| margin: 0px
112 wakaba 1.2 +| margin: 12px 0px 0px
113 wakaba 1.4 -| margin-top: 0px
114     +| margin-top: 12px
115 wakaba 1.1
116     #data
117     p {
118     margin-top: 50cm;
119     }
120     #cssom
121     | <p>
122     | margin-top: 50cm
123     #csstext
124     p {
125     margin-top: 50cm;
126     }
127     #computed 1 p
128     -| margin: 0px
129 wakaba 1.2 +| margin: 1923.07692307692px 0px 0px
130     -| margin-top: 0px
131     +| margin-top: 1923.07692307692px
132 wakaba 1.1
133     #data
134     p {
135     margin-top: -12px;
136     }
137     #cssom
138     | <p>
139     | margin-top: -12px
140     #csstext
141     p {
142     margin-top: -12px;
143     }
144     #computed 1 p
145     -| margin: 0px
146 wakaba 1.2 +| margin: -12px 0px 0px
147     -| margin-top: 0px
148     +| margin-top: -12px
149 wakaba 1.1
150     #data
151     p {
152     margin-top: +12px;
153     }
154     #cssom
155     | <p>
156     | margin-top: 12px
157     #csstext
158     p {
159     margin-top: 12px;
160     }
161     #computed 1 p
162     -| margin: 0px
163 wakaba 1.2 +| margin: 12px 0px 0px
164 wakaba 1.4 -| margin-top: 0px
165     +| margin-top: 12px
166 wakaba 1.1
167     #data
168     p {
169     margin-top: 12.0px;
170     }
171     #cssom
172     | <p>
173     | margin-top: 12px
174     #csstext
175     p {
176     margin-top: 12px;
177     }
178     #computed 1 p
179     -| margin: 0px
180 wakaba 1.2 +| margin: 12px 0px 0px
181 wakaba 1.4 -| margin-top: 0px
182     +| margin-top: 12px
183 wakaba 1.1
184     #data
185     p {
186     margin-top: 12.01px;
187     }
188     #cssom
189     | <p>
190     | margin-top: 12.01px
191     #csstext
192     p {
193     margin-top: 12.01px;
194     }
195     #computed 1 p
196     -| margin: 0px
197 wakaba 1.2 +| margin: 12.01px 0px 0px
198     -| margin-top: 0px
199     +| margin-top: 12.01px
200 wakaba 1.1
201     #data
202     p {
203     margin-top: .1px;
204     }
205     #cssom
206     | <p>
207     | margin-top: 0.1px
208     #csstext
209     p {
210     margin-top: 0.1px;
211     }
212     #computed 1 p
213     -| margin: 0px
214 wakaba 1.2 +| margin: 0.1px 0px 0px
215     -| margin-top: 0px
216     +| margin-top: 0.1px
217 wakaba 1.1
218     #data
219     p {
220     margin-top: 0;
221     }
222     #cssom
223     | <p>
224     | margin-top: 0px
225     #csstext
226     p {
227     margin-top: 0px;
228     }
229     #computed 1 p
230    
231     #data
232     p {
233     margin-right: +0
234     }
235     #cssom
236     | <p>
237     | margin-right: 0px
238     #csstext
239     p {
240     margin-right: 0px;
241     }
242    
243     #data
244     p {
245     margin-right: -0
246     }
247     #cssom
248     | <p>
249     | margin-right: 0px
250     #csstext
251     p {
252     margin-right: 0px;
253     }
254    
255     #data
256     p {
257     margin-bottom: 50;
258     }
259     #errors
260     ;2;18;m;syntax error:'margin-bottom'
261     #cssom
262     | <p>
263     #csstext
264     p {
265     }
266    
267     #data
268     p {
269     margin-bottom: 50;
270     }
271     #option q
272     #cssom
273     | <p>
274     | margin-bottom: 50px
275     #csstext
276     p {
277     margin-bottom: 50px;
278     }
279    
280     #data
281     p {
282     margin-bottom: 50 !important;
283     }
284     #option q
285     #cssom
286     | <p>
287     | margin-bottom: 50px !important
288     #csstext
289     p {
290     margin-bottom: 50px ! important;
291     }
292    
293     #data
294     p {
295     margin-bottom: -50
296     #option q
297     #errors
298     ;2;21;m;block not closed
299     #cssom
300     | <p>
301     | margin-bottom: -50px
302     #csstext
303     p {
304     margin-bottom: -50px;
305     }
306    
307     #data
308     p {
309     margin-top: 12%;
310     }
311     #cssom
312     | <p>
313     | margin-top: 12%
314     #csstext
315     p {
316     margin-top: 12%;
317     }
318     #computed 1 p
319     -| margin: 0px
320 wakaba 1.2 +| margin: 12% 0px 0px
321 wakaba 1.1 -| margin-top: 0px
322     +| margin-top: 12%
323     #computedtext 1 p
324     - margin: 0px;
325 wakaba 1.2 + margin: 12% 0px 0px;
326 wakaba 1.1
327     #data
328     p {
329     margin-top: -0%;
330     }
331     #cssom
332     | <p>
333     | margin-top: 0%
334     #csstext
335     p {
336     margin-top: 0%;
337     }
338    
339     #data
340     p {
341     margin-top: +12%;
342     }
343     #cssom
344     | <p>
345     | margin-top: 12%
346     #csstext
347     p {
348     margin-top: 12%;
349     }
350    
351     #data
352     p {
353     margin-top: 12.12%;
354     }
355     #cssom
356     | <p>
357     | margin-top: 12.12%
358     #csstext
359     p {
360     margin-top: 12.12%;
361     }
362    
363     #data
364     p {
365     margin-top: -.12%;
366     }
367     #cssom
368     | <p>
369     | margin-top: -0.12%
370     #csstext
371     p {
372     margin-top: -0.12%;
373     }
374    
375     #data
376     p {
377     margin-top: -/**/12%;
378     }
379     #cssom
380     | <p>
381     | margin-top: -12%
382     #csstext
383     p {
384     margin-top: -12%;
385     }
386    
387     #data
388     p {
389     margin-top: +/**/12%;
390     }
391     #cssom
392     | <p>
393     | margin-top: 12%
394     #csstext
395     p {
396     margin-top: 12%;
397     }
398    
399     #data
400     p {
401     margin-top: - 12%;
402     }
403     #errors
404     ;2;16;m;syntax error:'margin-top'
405     #cssom
406     | <p>
407     #csstext
408     p {
409     }
410    
411     #data
412     p {
413     margin-top: auto;
414     }
415     #cssom
416     | <p>
417     | margin-top: auto
418     #csstext
419     p {
420     margin-top: auto;
421     }
422     #computed 1 p
423     -| margin: 0px
424 wakaba 1.2 +| margin: auto 0px 0px
425 wakaba 1.1 -| margin-top: 0px
426     +| margin-top: auto
427     #computedtext 1 p
428     - margin: 0px;
429 wakaba 1.2 + margin: auto 0px 0px;
430 wakaba 1.1
431     #data
432     p {
433     margin-left: auto!important;
434     }
435     #cssom
436     | <p>
437     | margin-left: auto !important
438     #csstext
439     p {
440     margin-left: auto ! important;
441     }
442    
443     #data
444     p {
445     margin-left: -auto;
446     }
447     #errors
448     ;2;16;m;syntax error:'margin-left'
449     #cssom
450     | <p>
451     #csstext
452     p {
453     }
454    
455     #data
456     p {
457     margin-left: -/**/auto;
458     }
459     #errors
460     ;2;21;m;syntax error:'margin-left'
461     #cssom
462     | <p>
463     #csstext
464     p {
465     }
466    
467     #data
468     p {
469     margin-left: +auto;
470     }
471     #errors
472     ;2;17;m;syntax error:'margin-left'
473 wakaba 1.2 #cssom
474     | <p>
475     #csstext
476     p {
477     }
478    
479     #data
480     p {
481     margin: 0;
482     }
483     #cssom
484     | <p>
485 wakaba 1.3 | margin: 0px
486 wakaba 1.2 | margin-bottom: 0px
487     | margin-left: 0px
488     | margin-right: 0px
489     | margin-top: 0px
490     #csstext
491     p {
492     margin: 0px;
493     }
494    
495     #data
496     p {
497     margin: +0;
498     }
499     #cssom
500     | <p>
501 wakaba 1.3 | margin: 0px
502 wakaba 1.2 | margin-bottom: 0px
503     | margin-left: 0px
504     | margin-right: 0px
505     | margin-top: 0px
506     #csstext
507     p {
508     margin: 0px;
509     }
510    
511     #data
512     p {
513     margin: +0 +0 +0 +0;
514     }
515     #cssom
516     | <p>
517 wakaba 1.3 | margin: 0px
518 wakaba 1.2 | margin-bottom: 0px
519     | margin-left: 0px
520     | margin-right: 0px
521     | margin-top: 0px
522     #csstext
523     p {
524     margin: 0px;
525     }
526    
527     #data
528     p {
529     margin: +0 +;
530     }
531     #errors
532     ;2;15;m;syntax error:'margin'
533     #cssom
534     | <p>
535     #csstext
536     p {
537     }
538    
539     #data
540     p {
541     margin: +0 +auto;
542     }
543     #errors
544     ;2;15;m;syntax error:'margin'
545     #cssom
546     | <p>
547     #csstext
548     p {
549     }
550    
551     #data
552     p {
553     margin: +0 +0 +;
554     }
555     #errors
556     ;2;18;m;syntax error:'margin'
557     #cssom
558     | <p>
559     #csstext
560     p {
561     }
562    
563     #data
564     p {
565     margin: +0 +0 +auto;
566     }
567     #errors
568     ;2;18;m;syntax error:'margin'
569     #cssom
570     | <p>
571     #csstext
572     p {
573     }
574    
575     #data
576     p {
577     margin: +0 +0 +0 +;
578     }
579     #errors
580     ;2;21;m;syntax error:'margin'
581     #cssom
582     | <p>
583     #csstext
584     p {
585     }
586    
587     #data
588     p {
589     margin: +0 +0 +0 +auto;
590     }
591     #errors
592     ;2;21;m;syntax error:'margin'
593     #cssom
594     | <p>
595     #csstext
596     p {
597     }
598    
599     #data
600     p {
601     margin: +0 +0 +0 +0 +;
602     }
603     #errors
604     ;2;23;m;no property semicolon
605     #cssom
606     | <p>
607     #csstext
608     p {
609     }
610    
611     #data
612     p {
613     margin: -0;
614     }
615     #cssom
616     | <p>
617 wakaba 1.3 | margin: 0px
618 wakaba 1.2 | margin-bottom: 0px
619     | margin-left: 0px
620     | margin-right: 0px
621     | margin-top: 0px
622     #csstext
623     p {
624     margin: 0px;
625     }
626    
627     #data
628     p {
629     margin: 0.0;
630     }
631     #cssom
632     | <p>
633 wakaba 1.3 | margin: 0px
634 wakaba 1.2 | margin-bottom: 0px
635     | margin-left: 0px
636     | margin-right: 0px
637     | margin-top: 0px
638     #csstext
639     p {
640     margin: 0px;
641     }
642    
643     #data
644     p {
645     margin: 0 1px;
646     }
647     #cssom
648     | <p>
649 wakaba 1.3 | margin: 0px 1px
650 wakaba 1.2 | margin-bottom: 0px
651     | margin-left: 1px
652     | margin-right: 1px
653     | margin-top: 0px
654     #csstext
655     p {
656     margin: 0px 1px;
657     }
658    
659     #data
660     p {
661     margin: 0px 1px 2px;
662     }
663     #cssom
664     | <p>
665 wakaba 1.3 | margin: 0px 1px 2px
666 wakaba 1.2 | margin-bottom: 2px
667     | margin-left: 1px
668     | margin-right: 1px
669     | margin-top: 0px
670     #csstext
671     p {
672     margin: 0px 1px 2px;
673     }
674    
675     #data
676     p {
677     margin: -1px -2px -3px -4px;
678     }
679     #cssom
680     | <p>
681 wakaba 1.3 | margin: -1px -2px -3px -4px
682 wakaba 1.2 | margin-bottom: -3px
683     | margin-left: -4px
684     | margin-right: -2px
685     | margin-top: -1px
686     #csstext
687     p {
688     margin: -1px -2px -3px -4px;
689     }
690    
691     #data
692     p {
693     margin: inherit;
694     }
695     #cssom
696     | <p>
697 wakaba 1.3 | margin: inherit
698 wakaba 1.2 | margin-bottom: inherit
699     | margin-left: inherit
700     | margin-right: inherit
701     | margin-top: inherit
702     #csstext
703     p {
704     margin: inherit;
705     }
706    
707     #data
708     p {
709     margin: 0 2px 0 2px;
710     }
711     #cssom
712     | <p>
713 wakaba 1.3 | margin: 0px 2px
714 wakaba 1.2 | margin-bottom: 0px
715     | margin-left: 2px
716     | margin-right: 2px
717     | margin-top: 0px
718     #csstext
719     p {
720     margin: 0px 2px;
721     }
722    
723     #data
724     p {
725     margin: 0 !important;
726     }
727     #cssom
728     | <p>
729 wakaba 1.3 | margin: 0px !important
730 wakaba 1.2 | margin-bottom: 0px !important
731     | margin-left: 0px !important
732     | margin-right: 0px !important
733     | margin-top: 0px !important
734     #csstext
735     p {
736     margin: 0px ! important;
737     }
738    
739     #data
740     p {
741     margin: 0;
742     margin-left: 1px !important;
743     }
744     #cssom
745     | <p>
746     | margin-bottom: 0px
747     | margin-left: 1px !important
748     | margin-right: 0px
749     | margin-top: 0px
750     #csstext
751     p {
752     margin-bottom: 0px;
753     margin-left: 1px ! important;
754     margin-right: 0px;
755     margin-top: 0px;
756     }
757    
758     #data
759     p {
760     margin: 0;
761     margin-top: 0px ! important;
762     }
763     #cssom
764     | <p>
765     | margin-bottom: 0px
766     | margin-left: 0px
767     | margin-right: 0px
768     | margin-top: 0px !important
769     #csstext
770     p {
771     margin-bottom: 0px;
772     margin-left: 0px;
773     margin-right: 0px;
774     margin-top: 0px ! important;
775     }
776    
777     #data
778     p {
779     margin: 0;
780     margin-right: 0px !important;
781     }
782     #cssom
783     | <p>
784     | margin-bottom: 0px
785     | margin-left: 0px
786     | margin-right: 0px !important
787     | margin-top: 0px
788     #csstext
789     p {
790     margin-bottom: 0px;
791     margin-left: 0px;
792     margin-right: 0px ! important;
793     margin-top: 0px;
794     }
795    
796     #data
797     p {
798     margin: 0;
799     margin-bottom: 0px !important;
800     }
801     #cssom
802     | <p>
803     | margin-bottom: 0px !important
804     | margin-left: 0px
805     | margin-right: 0px
806     | margin-top: 0px
807     #csstext
808     p {
809     margin-bottom: 0px ! important;
810     margin-left: 0px;
811     margin-right: 0px;
812     margin-top: 0px;
813     }
814    
815     #data
816     p {
817     margin: 0;
818     margin-left: 0px !important;
819     }
820     #cssom
821     | <p>
822     | margin-bottom: 0px
823     | margin-left: 0px !important
824     | margin-right: 0px
825     | margin-top: 0px
826     #csstext
827     p {
828     margin-bottom: 0px;
829     margin-left: 0px ! important;
830     margin-right: 0px;
831     margin-top: 0px;
832     }
833    
834     #data
835     p {
836     margin: 0 !important;
837     margin-top: 1px;
838     }
839     #cssom
840     | <p>
841 wakaba 1.3 | margin: 0px !important
842 wakaba 1.2 | margin-bottom: 0px !important
843     | margin-left: 0px !important
844     | margin-right: 0px !important
845     | margin-top: 0px !important
846     #csstext
847     p {
848     margin: 0px ! important;
849     }
850    
851     #data
852     p {
853     margin: 0 ! important;
854     margin-left: 0px ! important;
855     }
856     #cssom
857     | <p>
858 wakaba 1.3 | margin: 0px !important
859 wakaba 1.2 | margin-bottom: 0px !important
860     | margin-left: 0px !important
861     | margin-right: 0px !important
862     | margin-top: 0px !important
863     #csstext
864     p {
865     margin: 0px ! important;
866     }
867    
868     #data
869     p {
870     margin-top: 0;
871     margin-bottom: 0;
872     margin-left: 0;
873     }
874     #cssom
875     | <p>
876     | margin-bottom: 0px
877     | margin-left: 0px
878     | margin-top: 0px
879     #csstext
880     p {
881     margin-bottom: 0px;
882     margin-left: 0px;
883     margin-top: 0px;
884     }
885    
886     #data
887     p {
888     margin: 0;
889     margin-top: inherit;
890     }
891     #cssom
892     | <p>
893     | margin-bottom: 0px
894     | margin-left: 0px
895     | margin-right: 0px
896     | margin-top: inherit
897     #csstext
898     p {
899     margin-bottom: 0px;
900     margin-left: 0px;
901     margin-right: 0px;
902     margin-top: inherit;
903     }
904    
905     #data
906     p {
907     margin: 0;
908     margin-right: inherit;
909     }
910     #cssom
911     | <p>
912     | margin-bottom: 0px
913     | margin-left: 0px
914     | margin-right: inherit
915     | margin-top: 0px
916     #csstext
917     p {
918     margin-bottom: 0px;
919     margin-left: 0px;
920     margin-right: inherit;
921     margin-top: 0px;
922     }
923    
924     #data
925     p {
926     margin: 0;
927     margin-bottom: inherit;
928     }
929     #cssom
930     | <p>
931     | margin-bottom: inherit
932     | margin-left: 0px
933     | margin-right: 0px
934     | margin-top: 0px
935     #csstext
936     p {
937     margin-bottom: inherit;
938     margin-left: 0px;
939     margin-right: 0px;
940     margin-top: 0px;
941     }
942    
943     #data
944     p {
945     margin: 0;
946     margin-left: inherit;
947     }
948     #cssom
949     | <p>
950     | margin-bottom: 0px
951     | margin-left: inherit
952     | margin-right: 0px
953     | margin-top: 0px
954     #csstext
955     p {
956     margin-bottom: 0px;
957     margin-left: inherit;
958     margin-right: 0px;
959     margin-top: 0px;
960     }
961    
962     #data
963     p {
964     margin: 0;
965     margin-top: inherit;
966     margin-bottom: inherit;
967     }
968     #cssom
969     | <p>
970     | margin-bottom: inherit
971     | margin-left: 0px
972     | margin-right: 0px
973     | margin-top: inherit
974     #csstext
975     p {
976     margin-bottom: inherit;
977     margin-left: 0px;
978     margin-right: 0px;
979     margin-top: inherit;
980     }
981    
982     #data
983     p {
984     margin: inherit 0;
985     }
986     #errors
987     ;2;19;m;no property semicolon
988 wakaba 1.1 #cssom
989     | <p>
990     #csstext
991     p {
992     }
993 wakaba 1.3
994     #data
995     /*
996     TODO: border properties
997     */
998    
999     #data
1000     p {
1001     border-color: blue;
1002     }
1003     #cssom
1004     | <p>
1005     | border-bottom-color: blue
1006     | border-color: blue
1007     | border-left-color: blue
1008     | border-right-color: blue
1009     | border-top-color: blue
1010     #csstext
1011     p {
1012     border-color: blue;
1013     }
1014    
1015     #data
1016     p {
1017     border-color: blue;
1018     border-top-color: red;
1019     }
1020     #cssom
1021     | <p>
1022     | border-bottom-color: blue
1023     | border-color: red blue blue
1024     | border-left-color: blue
1025     | border-right-color: blue
1026     | border-top-color: red
1027     #csstext
1028     p {
1029     border-color: red blue blue;
1030     }
1031    
1032     #data
1033     p {
1034     border-color: blue;
1035     border-right-color: blue ! important;
1036     }
1037     #cssom
1038     | <p>
1039     | border-bottom-color: blue
1040     | border-left-color: blue
1041     | border-right-color: blue !important
1042     | border-top-color: blue
1043     #csstext
1044     p {
1045     border-bottom-color: blue;
1046     border-left-color: blue;
1047     border-right-color: blue ! important;
1048     border-top-color: blue;
1049     }
1050    
1051     #data
1052     p {
1053     border-color: inherit;
1054     border-right-color: blue ! important;
1055     }
1056     #cssom
1057     | <p>
1058     | border-bottom-color: inherit
1059     | border-left-color: inherit
1060     | border-right-color: blue !important
1061     | border-top-color: inherit
1062     #csstext
1063     p {
1064     border-bottom-color: inherit;
1065     border-left-color: inherit;
1066     border-right-color: blue ! important;
1067     border-top-color: inherit;
1068     }
1069    
1070     #data
1071     p {
1072     border-color: inherit;
1073     }
1074     #cssom
1075     | <p>
1076     | border-bottom-color: inherit
1077 wakaba 1.5 | border-color: inherit
1078 wakaba 1.3 | border-left-color: inherit
1079     | border-right-color: inherit
1080     | border-top-color: inherit
1081     #csstext
1082     p {
1083     border-color: inherit;
1084     }
1085    
1086     #data
1087     p {
1088 wakaba 1.5 border-color: blue red;
1089     border-bottom-color: green ! important;
1090     }
1091     #cssom
1092     | <p>
1093     | border-bottom-color: green !important
1094     | border-left-color: red
1095     | border-right-color: red
1096     | border-top-color: blue
1097     #csstext
1098     p {
1099     border-bottom-color: green ! important;
1100     border-left-color: red;
1101     border-right-color: red;
1102     border-top-color: blue;
1103     }
1104    
1105     #data
1106     p {
1107     border-color: blue red;
1108     border-bottom-color: INHERIT;
1109     }
1110     #cssom
1111     | <p>
1112     | border-bottom-color: inherit
1113     | border-left-color: red
1114     | border-right-color: red
1115     | border-top-color: blue
1116     #csstext
1117     p {
1118     border-bottom-color: inherit;
1119     border-left-color: red;
1120     border-right-color: red;
1121     border-top-color: blue;
1122     }
1123    
1124     #data
1125     p {
1126     border-color: blue red;
1127     border-bottom-color: green ! important;
1128     border-bottom: 1px black dotted;
1129     }
1130     #cssom
1131     | <p>
1132     | border-bottom-color: green !important
1133     | border-bottom-style: dotted
1134     | border-bottom-width: 1px
1135     | border-left-color: red
1136     | border-right-color: red
1137     | border-top-color: blue
1138     #csstext
1139     p {
1140     border-bottom-color: green ! important;
1141     border-bottom-style: dotted;
1142     border-bottom-width: 1px;
1143     border-left-color: red;
1144     border-right-color: red;
1145     border-top-color: blue;
1146     }
1147    
1148     #data
1149     p {
1150     border-color: blue red;
1151     border-bottom-color: green;
1152     border-bottom: 1px black dotted;
1153     }
1154     #cssom
1155     | <p>
1156     | border-bottom: 1px dotted black
1157     | border-bottom-color: black
1158     | border-bottom-style: dotted
1159     | border-bottom-width: 1px
1160     | border-color: blue red black
1161     | border-left-color: red
1162     | border-right-color: red
1163     | border-top-color: blue
1164     #csstext
1165     p {
1166     border-bottom: 1px dotted black;
1167     border-left-color: red;
1168     border-right-color: red;
1169     border-top-color: blue;
1170     }
1171    
1172     #data
1173     p {
1174 wakaba 1.3 border-style: solid none;
1175     }
1176     #cssom
1177     | <p>
1178     | border-bottom-style: solid
1179     | border-left-style: none
1180     | border-right-style: none
1181     | border-style: solid none
1182     | border-top-style: solid
1183     #csstext
1184     p {
1185     border-style: solid none;
1186     }
1187    
1188     #data
1189     p {
1190     border-style: solid none;
1191     border-top-style: dotted;
1192     }
1193     #cssom
1194     | <p>
1195     | border-bottom-style: solid
1196     | border-left-style: none
1197     | border-right-style: none
1198     | border-style: dotted none solid
1199     | border-top-style: dotted
1200     #csstext
1201     p {
1202     border-style: dotted none solid;
1203     }
1204    
1205     #data
1206     p {
1207     border-style: solid none;
1208     border-right-style: none ! important;
1209     }
1210     #cssom
1211     | <p>
1212     | border-bottom-style: solid
1213     | border-left-style: none
1214     | border-right-style: none !important
1215     | border-top-style: solid
1216     #csstext
1217     p {
1218     border-bottom-style: solid;
1219     border-left-style: none;
1220     border-right-style: none ! important;
1221     border-top-style: solid;
1222     }
1223    
1224     #data
1225     p {
1226     border-style: inherit;
1227     }
1228     #cssom
1229     | <p>
1230     | border-bottom-style: inherit
1231     | border-left-style: inherit
1232     | border-right-style: inherit
1233     | border-style: inherit
1234     | border-top-style: inherit
1235     #csstext
1236     p {
1237     border-style: inherit;
1238     }
1239    
1240     #data
1241     p {
1242     border-style: inherit;
1243     border-top-style: none;
1244     }
1245     #cssom
1246     | <p>
1247     | border-bottom-style: inherit
1248     | border-left-style: inherit
1249     | border-right-style: inherit
1250     | border-top-style: none
1251     #csstext
1252     p {
1253     border-bottom-style: inherit;
1254     border-left-style: inherit;
1255     border-right-style: inherit;
1256     border-top-style: none;
1257     }
1258    
1259     #data
1260     p {
1261     border-width: 5px;
1262     }
1263     #cssom
1264     | <p>
1265     | border-bottom-width: 5px
1266     | border-left-width: 5px
1267     | border-right-width: 5px
1268     | border-top-width: 5px
1269     | border-width: 5px
1270     #csstext
1271     p {
1272     border-width: 5px;
1273     }
1274    
1275     #data
1276     p {
1277     border-width: 5px;
1278     border-top-width: 4px;
1279     }
1280     #cssom
1281     | <p>
1282     | border-bottom-width: 5px
1283     | border-left-width: 5px
1284     | border-right-width: 5px
1285     | border-top-width: 4px
1286     | border-width: 4px 5px 5px
1287     #csstext
1288     p {
1289     border-width: 4px 5px 5px;
1290     }
1291    
1292     #data
1293     p {
1294     border-width: 5px;
1295     border-right-width: inherit;
1296     }
1297     #cssom
1298     | <p>
1299     | border-bottom-width: 5px
1300     | border-left-width: 5px
1301     | border-right-width: inherit
1302     | border-top-width: 5px
1303     #csstext
1304     p {
1305     border-bottom-width: 5px;
1306     border-left-width: 5px;
1307     border-right-width: inherit;
1308     border-top-width: 5px;
1309     }
1310    
1311     #data
1312     p {
1313     border-width: 5px;
1314     border-left-width: 5px !important;
1315     }
1316     #cssom
1317     | <p>
1318     | border-bottom-width: 5px
1319     | border-left-width: 5px !important
1320     | border-right-width: 5px
1321     | border-top-width: 5px
1322     #csstext
1323     p {
1324     border-bottom-width: 5px;
1325     border-left-width: 5px ! important;
1326     border-right-width: 5px;
1327     border-top-width: 5px;
1328     }
1329    
1330     #data
1331     p {
1332     border-top: 1px solid red;
1333     }
1334     #cssom
1335     | <p>
1336     | border-top: 1px solid red
1337     | border-top-color: red
1338     | border-top-style: solid
1339     | border-top-width: 1px
1340     #csstext
1341     p {
1342     border-top: 1px solid red;
1343     }
1344    
1345     #data
1346     p {
1347     border-bottom: 1px solid red;
1348     }
1349     #cssom
1350     | <p>
1351     | border-bottom: 1px solid red
1352     | border-bottom-color: red
1353     | border-bottom-style: solid
1354     | border-bottom-width: 1px
1355     #csstext
1356     p {
1357     border-bottom: 1px solid red;
1358     }
1359    
1360     #data
1361     p {
1362     border-top: inherit;
1363     }
1364     #cssom
1365     | <p>
1366     | border-top: inherit
1367     | border-top-color: inherit
1368     | border-top-style: inherit
1369     | border-top-width: inherit
1370     #csstext
1371     p {
1372     border-top: inherit;
1373     }
1374    
1375     #data
1376     p {
1377     border-top: inherit;
1378     border-top-width: 3px;
1379     }
1380     #cssom
1381     | <p>
1382     | border-top-color: inherit
1383     | border-top-style: inherit
1384     | border-top-width: 3px
1385     #csstext
1386     p {
1387     border-top-color: inherit;
1388     border-top-style: inherit;
1389     border-top-width: 3px;
1390     }
1391    
1392     #data
1393     p {
1394     border-top: inherit;
1395     border-top-width: inherit ! important;
1396     }
1397     #cssom
1398     | <p>
1399     | border-top-color: inherit
1400     | border-top-style: inherit
1401     | border-top-width: inherit !important
1402     #csstext
1403     p {
1404     border-top-color: inherit;
1405     border-top-style: inherit;
1406     border-top-width: inherit ! important;
1407     }
1408    
1409     #data
1410     p {
1411     border-bottom: inherit;
1412     border-bottom-width: 3px;
1413     }
1414     #cssom
1415     | <p>
1416     | border-bottom-color: inherit
1417     | border-bottom-style: inherit
1418     | border-bottom-width: 3px
1419     #csstext
1420     p {
1421     border-bottom-color: inherit;
1422     border-bottom-style: inherit;
1423     border-bottom-width: 3px;
1424     }
1425    
1426     #data
1427     p {
1428     border: 1px solid red;
1429     }
1430     #cssom
1431     | <p>
1432     | border: 1px solid red
1433     | border-bottom: 1px solid red
1434     | border-bottom-color: red
1435     | border-bottom-style: solid
1436     | border-bottom-width: 1px
1437     | border-color: red
1438     | border-left: 1px solid red
1439     | border-left-color: red
1440     | border-left-style: solid
1441     | border-left-width: 1px
1442     | border-right: 1px solid red
1443     | border-right-color: red
1444     | border-right-style: solid
1445     | border-right-width: 1px
1446     | border-style: solid
1447     | border-top: 1px solid red
1448     | border-top-color: red
1449     | border-top-style: solid
1450     | border-top-width: 1px
1451     | border-width: 1px
1452     #csstext
1453     p {
1454     border: 1px solid red;
1455     }
1456    
1457     #data
1458     p {
1459     border: 1px solid red;
1460     border-width: 2px;
1461     }
1462     #cssom
1463     | <p>
1464     | border: 2px solid red
1465     | border-bottom: 2px solid red
1466     | border-bottom-color: red
1467     | border-bottom-style: solid
1468     | border-bottom-width: 2px
1469     | border-color: red
1470     | border-left: 2px solid red
1471     | border-left-color: red
1472     | border-left-style: solid
1473     | border-left-width: 2px
1474     | border-right: 2px solid red
1475     | border-right-color: red
1476     | border-right-style: solid
1477     | border-right-width: 2px
1478     | border-style: solid
1479     | border-top: 2px solid red
1480     | border-top-color: red
1481     | border-top-style: solid
1482     | border-top-width: 2px
1483     | border-width: 2px
1484     #csstext
1485     p {
1486     border: 2px solid red;
1487     }
1488 wakaba 1.5
1489     #data
1490     p {
1491     border: 1px solid red;
1492     border-width: 2px;
1493     border-top-color: green ! important;
1494     }
1495     #cssom
1496     | <p>
1497     | border-bottom: 2px solid red
1498     | border-bottom-color: red
1499     | border-bottom-style: solid
1500     | border-bottom-width: 2px
1501     | border-left: 2px solid red
1502     | border-left-color: red
1503     | border-left-style: solid
1504     | border-left-width: 2px
1505     | border-right: 2px solid red
1506     | border-right-color: red
1507     | border-right-style: solid
1508     | border-right-width: 2px
1509     | border-style: solid
1510     | border-top-color: green !important
1511     | border-top-style: solid
1512     | border-top-width: 2px
1513     | border-width: 2px
1514     #csstext
1515     p {
1516     border-bottom: 2px solid red;
1517     border-left: 2px solid red;
1518     border-right: 2px solid red;
1519     border-top-color: green ! important;
1520     border-top-style: solid;
1521     border-top-width: 2px;
1522     }
1523    
1524     #data
1525     p {
1526     border: inherit;
1527     }
1528     #cssom
1529     | <p>
1530     | border: inherit
1531     | border-bottom: inherit
1532     | border-bottom-color: inherit
1533     | border-bottom-style: inherit
1534     | border-bottom-width: inherit
1535     | border-color: inherit
1536     | border-left: inherit
1537     | border-left-color: inherit
1538     | border-left-style: inherit
1539     | border-left-width: inherit
1540     | border-right: inherit
1541     | border-right-color: inherit
1542     | border-right-style: inherit
1543     | border-right-width: inherit
1544     | border-style: inherit
1545     | border-top: inherit
1546     | border-top-color: inherit
1547     | border-top-style: inherit
1548     | border-top-width: inherit
1549     | border-width: inherit
1550 wakaba 1.3
1551     #data
1552     /*
1553     TODO: We need to add test data for border and padding related properties.
1554     */
1555    
1556     #data
1557     p {
1558     padding: 1px 2px 3px 4px;
1559     }
1560     #cssom
1561     | <p>
1562     | padding: 1px 2px 3px 4px
1563     | padding-bottom: 3px
1564     | padding-left: 4px
1565     | padding-right: 2px
1566     | padding-top: 1px
1567     #csstext
1568     p {
1569     padding: 1px 2px 3px 4px;
1570     }
1571    
1572     #data
1573     p {
1574     padding: 1px 2px 3px 4px !important;
1575     }
1576     #cssom
1577     | <p>
1578     | padding: 1px 2px 3px 4px !important
1579     | padding-bottom: 3px !important
1580     | padding-left: 4px !important
1581     | padding-right: 2px !important
1582     | padding-top: 1px !important
1583     #csstext
1584     p {
1585     padding: 1px 2px 3px 4px ! important;
1586     }
1587    
1588     #data
1589     p {
1590     padding: 1px 2px 3px;
1591     }
1592     #cssom
1593     | <p>
1594     | padding: 1px 2px 3px
1595     | padding-bottom: 3px
1596     | padding-left: 2px
1597     | padding-right: 2px
1598     | padding-top: 1px
1599     #csstext
1600     p {
1601     padding: 1px 2px 3px;
1602     }
1603    
1604     #data
1605     p {
1606     padding: 1px 2px 1px 2px;
1607     }
1608     #cssom
1609     | <p>
1610     | padding: 1px 2px
1611     | padding-bottom: 1px
1612     | padding-left: 2px
1613     | padding-right: 2px
1614     | padding-top: 1px
1615     #csstext
1616     p {
1617     padding: 1px 2px;
1618     }
1619    
1620     #data
1621     p {
1622     padding: 1px;
1623     }
1624     #cssom
1625     | <p>
1626     | padding: 1px
1627     | padding-bottom: 1px
1628     | padding-left: 1px
1629     | padding-right: 1px
1630     | padding-top: 1px
1631     #csstext
1632     p {
1633     padding: 1px;
1634     }
1635    
1636     #data
1637     p {
1638     padding: 1px;
1639     padding-top: 1px ! important;
1640     }
1641     #cssom
1642     | <p>
1643     | padding-bottom: 1px
1644     | padding-left: 1px
1645     | padding-right: 1px
1646     | padding-top: 1px !important
1647     #csstext
1648     p {
1649     padding-bottom: 1px;
1650     padding-left: 1px;
1651     padding-right: 1px;
1652     padding-top: 1px ! important;
1653     }
1654    
1655     #data
1656     p {
1657     display: inline;
1658     }
1659     #cssom
1660     | <p>
1661     | display: inline
1662     #csstext
1663     p {
1664     display: inline;
1665     }
1666     #computed 1 p
1667     #computedtext 1 p
1668    
1669     #data
1670     p {
1671     display: block;
1672     }
1673     #cssom
1674     | <p>
1675     | display: block
1676     #csstext
1677     p {
1678     display: block;
1679     }
1680     #computed 1 p
1681     -| display: inline
1682     +| display: block
1683     #computedtext 1 p
1684     - display: inline;
1685     + display: block;
1686    
1687     #data
1688     p {
1689     display: inherit;
1690     }
1691     #cssom
1692     | <p>
1693     | display: inherit
1694     #csstext
1695     p {
1696     display: inherit;
1697     }
1698     #computed 1 p
1699     #computedtext 1 p
1700    
1701     #data
1702     html {
1703     display: inline;
1704     }
1705     #cssom
1706     | <html>
1707     | display: inline
1708     #csstext
1709     html {
1710     display: inline;
1711     }
1712     #computed 1 html
1713     -| display: inline
1714     +| display: block
1715     #computedtext 1 html
1716     - display: inline;
1717     + display: block;
1718    
1719     #data
1720     html {
1721     display: inherit;
1722     }
1723     #cssom
1724     | <html>
1725     | display: inherit
1726     #csstext
1727     html {
1728     display: inherit;
1729     }
1730     #computed 1 html
1731     -| display: inline
1732     +| display: block
1733     #computedtext 1 html
1734     - display: inline;
1735     + display: block;
1736    
1737 wakaba 1.1
1738    
1739    
1740    
1741    

admin@suikawiki.org
ViewVC Help
Powered by ViewVC 1.1.24