/[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.3 - (hide annotations) (download)
Fri Jan 25 16:04:39 2008 UTC (17 years, 5 months ago) by wakaba
Branch: MAIN
Changes since 1.2: +608 -0 lines 
++ whatpm/t/ChangeLog	25 Jan 2008 16:01:06 -0000
2008-01-26  Wakaba  <wakaba@suika.fam.cx>

	* css-visual.dat: Test data for 'padding', 'margin',
	and 'border' related shorthands are added.

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

	* CSS-Parser-1.t: |css-generated.dat| is added.
	(get_computed_style): The subject of |query_selector|
	should have been the document.

	* css-generated.dat: New test data.

	* css-visual.dat: New test data for 'display' are added.

++ whatpm/Whatpm/CSS/ChangeLog	25 Jan 2008 15:59:41 -0000
2008-01-26  Wakaba  <wakaba@suika.fam.cx>

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