/[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 - (show annotations) (download)
Fri Jan 25 16:04:39 2008 UTC (18 years, 3 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 #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 +| margin: 12px 0px 0px
91
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 +| margin: 1923.07692307692px 0px 0px
106 -| margin-top: 0px
107 +| margin-top: 1923.07692307692px
108
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 +| margin: -12px 0px 0px
123 -| margin-top: 0px
124 +| margin-top: -12px
125
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 +| margin: 12px 0px 0px
140
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 +| margin: 12px 0px 0px
155
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 +| margin: 12.01px 0px 0px
170 -| margin-top: 0px
171 +| margin-top: 12.01px
172
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 +| margin: 0.1px 0px 0px
187 -| margin-top: 0px
188 +| margin-top: 0.1px
189
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 +| margin: 12% 0px 0px
293 -| margin-top: 0px
294 +| margin-top: 12%
295 #computedtext 1 p
296 - margin: 0px;
297 + margin: 12% 0px 0px;
298
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 +| margin: auto 0px 0px
397 -| margin-top: 0px
398 +| margin-top: auto
399 #computedtext 1 p
400 - margin: 0px;
401 + margin: auto 0px 0px;
402
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 #cssom
446 | <p>
447 #csstext
448 p {
449 }
450
451 #data
452 p {
453 margin: 0;
454 }
455 #cssom
456 | <p>
457 | margin: 0px
458 | 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 | margin: 0px
474 | 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 | margin: 0px
490 | 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 | margin: 0px
590 | 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 | margin: 0px
606 | 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 | margin: 0px 1px
622 | 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 | margin: 0px 1px 2px
638 | 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 | margin: -1px -2px -3px -4px
654 | 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 | margin: inherit
670 | 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 | margin: 0px 2px
686 | 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 | margin: 0px !important
702 | 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 | margin: 0px !important
814 | 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 | margin: 0px !important
831 | 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 #cssom
961 | <p>
962 #csstext
963 p {
964 }
965
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
1561
1562
1563
1564
admin@suikawiki.org
 ViewVC Help
Powered by ViewVC 1.1.24