fontやcenterなどの指定を無効化する方法

Post on:2007年11月14日

example: <font>, <basefont>

<textarea name="code" class="css" cols="60" rows="5">
font, basefont{
  color:inherit;
    /* Standard browsers */
  color:expression(this.parentNode.currentStyle['color']);
    /* IE */
  font:inherit;
    /* Standard browsers. Font instead of font-size for Opera */
  font-family:expression(this.parentNode.currentStyle['fontFamily']);
    /* IE */
  font-size:100%;
    /* All browsers. Sizes are inherited */
}
</textarea>

font, basefont{

color:inherit;

/* Standard browsers */

color:expression(this.parentNode.currentStyle['color']);

/* IE */

font:inherit;

/* Standard browsers. Font instead of font-size for Opera */

font-family:expression(this.parentNode.currentStyle['fontFamily']);

/* IE */

font-size:100%;

/* All browsers. Sizes are inherited */

}

</textarea>

上記のスタイルシートでは、<font>, <basefont>の、color, font-size, font-familyに対して、親要素の指定を継承するように指定がされています。

また、最近はあまり見かけなくなったblink, marquee, nobrについてもコメントに掲載がありました。

example: <nobr>, <marquee>, <blink>

<textarea name="code" class="css" cols="60" rows="5">
nobr{
  white-space:normal;
}
marquee{
  overflow:visible; -moz-binding:none;
}
blink{
  text-decoration:none;
}
</textarea>