When it??™s used on tables to which the separated borders
model has been applied, the inset value appears to make the whole box
look as though it were embedded into the canvas. When used with the
collapsing border model, it??™s treated the same as the value ridge.
outset outset is a 3D effect that has the opposite effect of inset in that the border
gives the impression that the box protrudes from the canvas. When it??™s
used on tables to which the separated borders model has been applied,
the border makes the whole box look as though it were coming out of the
canvas. When it??™s used with the collapsing border model, it behaves the
same way as groove.
Previously, in CSS1, user agents were allowed to interpret all dotted, dashed,
double, groove, ridge, inset, and outset styles as solid.
231 Box Properties
Compatibility
Opera Safari Firefox Internet Explorer
9.2 3.0 2.0 1.3 2.0 1.5 1.0 7.0 6.0 5.5
Full Full Full Full Full Full Full Buggy Buggy Buggy
User agents are supposed to place borders on the element??™s background, but in
Internet Explorer for Windows versions up to and including 7, the background only
reaches the inside edge of the border when the element has a layout (p.
Pages:
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353