考察/雑記>数式をCSSで再現>シグマ

シグマ

2005/10/05

(Gecko,Opera限定)シグマをCSSで再現します。

Σ[k=m:n]k

ソース

<msum><mss>Σ</mss><msno>[</msno><msfir>k=m</msfir><msno>:</msno><msend>n<msend><msno>]</msno></msum>k

Gecko用

msum{
  display: inline-table;
  vertical-align:-1em;
}
msum * {
  line-height: 50%;
  text-indent: 0px;
}
msno{
  display:none;
}
msfir{
  display: table-footer-group;
  text-align:center;
  font-size: 70%;
  line-height: 170%;
}
mss{
  display: table-cell;
  text-align:center;
}
msend{
  display: table-header-group;
  text-align:center;
  font-size: 80%;
  line-height: 180%;
}

Opera用

msum{
  display: inline-table;
  vertical-align:-0.8em;
}
msum * {
  line-height: 80%;
  text-indent: 0px;
}
msno{
  display:none;
}
msfir{
  display: table-footer-group;
  text-align:center;
  font-size: 70%;
  line-height: 100%;
}
mss{
  display: table-cell;
  text-align:center;
}
msend{
  display: table-header-group;
  text-align:center;
  font-size: 80%;
  line-height: 100%;
}