inset inset is a 3D effect that gives the impression that the box is embedded
into the canvas. 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.
Box Properties
The Ultimate CSS Reference 238
Previously, in CSS1, user agents were allowed to interpret all dotted, dashed,
double, groove, ridge, inset, and outset styles as solid.
Compatibility
Opera Safari Firefox Internet Explorer
9.
Pages:
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364