考察/雑記>数式をCSSで再現>微分積分

微分積分

2005/10/05

(Gecko,Opera限定)微積分の数式をCSSで再現。

∫[a,b]f(x)dx

f'(x)=lim[h→0] f(x+h)-f(x)――――/h

ソース

<mteg>∫</mteg><mint><mino>[</mino><mintf>a</mintf><mino>,</mino><minte>b</minte><mino>]</mino></mint>f(x)dx

<mmin><mlim>lim</mlim><mmno>[</mmno><mminp>x→0</mminp><mmno>]</mmno></mmin>f(x)

Gecko用

mint{
  display: inline-table;
  vertical-align:-0.8em;
}
mint * {
  line-height: 50%;
  text-indent: 0px;
}
mino{
  display:none;
}
mintf{
  display: table-header-group;
  text-align:right;
  font-size: 80%;
  line-height: 150%;
}
mteg{
  font-size:150%;
  text-align:left;
}
minte{
  display: table-footer-group;
  text-align:right;
  font-size: 80%;
  line-height: 150%;
}





mmin{
  display: inline-table;
  vertical-align:-0.3em;
}
mmin * {
  line-height: 50%;
  margin: 0px;
  padding: 0px;
  text-indent: 0px;
}
mmno{
  display:none;
}
mlim{
  display: table-cell;
  line-height: 90%;
}
mminp{
  display: table-footer-group;
  text-align:center;
  font-size: 60%;
  line-height: 60%;
  margin:0em;
  padding:0em;
}

Opera用

mint{
  display: inline-table;
  vertical-align:-0.5em;
}
mint * {
  line-height: 100%;
  text-indent: 0px;
}
mino{
  display:none;
}
mintf{
  display: table-header-group;
  text-align:left;
  font-size: 80%;
  line-height: 150%;
}
mteg{
  font-size:150%;
  text-align:center;
}
minte{
  display: table-footer-group;
  text-align:left;
  font-size: 80%;
  line-height: 150%;
}




mmin{
  display: inline-table;
  vertical-align:-0.5em;
}
mmin * {
  line-height: 70%;
  margin: 0px;
  padding: 0px;
  text-indent: 0px;
}
mmno{
  display:none;
}
mlim{
  display: table-cell;
  line-height: 90%;
}
mminp{
  display: table-footer-group;
  text-align:center;
  font-size: 60%;
  line-height: 90%;
  margin:0em;
  padding:0em;
}