demo11

table1
groove左上 中上 ridge右上
左中 右中
outset左下 中下 inset右下
table2
groove左上 inset中上 右上
左中 右中
左下 inset中下 groove右下
table3
inset左上 groove中上 右上
左中 右中
左下 groove中下 inset右下
table4
左上 中上 右上
左中 groove中 inset右中
左下 中下 右下
table5
左上 groove中上 inset右上
左中 右中
左下 中下 右下
得出结论:
  1. table2~table5发生冲突边渲染情况可以得出 groove > inset
  2. groove与outset可以相互转化,ridge与inset可以相互转化