CSS div定義のテンプレート

<style type="text/css">
<!--
div#sample1 {
  /* 色の指定 */
  color: #700040;
  background-color: #dddddd;

  /* top,leftなどの指定をするときにはposition:を
   * absoluteかrelativeにします。(デフォルトはstatic)
   */
  position: absolute;
  top: 100px;
  left: 50px;
  margin-top: 1em;
  margin-left: 1em;

  /* ボックスの大きさ指定 */
  max-width: 200px;
  max-height: 200px;

  /* 境界線の指定 */
  border-color: #c00040;
  border-style: groove;
    /* solid groove ridge inset outset dashed dotted */
  border-width: 4px;
    /* 2px */
  padding: 0.3em;

  /* その他 */
  text-indent: 0.5em;
}
-->
</style>


CSS fieldset定義のテンプレート

fieldset.search legend {
  padding: 0.2em;
  color: #000060; font-weight: bold;
  border: 1px solid #000060; background-color: #ccccff;
}
fieldset.edit legend {
  padding: 0.2em;
  color: #600000; font-weight: bold;
  border: 1px solid #600000; background-color: #ffcccc;
}
fieldset {
  margin: 0.2em; padding: 0.5em; border: 2px groove; height: 4.5em;
}
fieldset.search {
  border: 2px groove #000060;
}
fieldset.edit {
  border: 2px groove #c00000;
}


CSS table定義のテンプレート

div.meisai table {
  border-collapse: collapse;
  empty-cells: show;
  border-color: #888888;
}
div.meisai table th {
  background-color: #cccccc;
  border: solid 1px #888888;
  white-space: nowrap;
}
div.meisai table td {
  border: solid 1px #888888;
  white-space: nowrap;
  padding: 2px 4px;
}

Misc. Topics Top

(first uploaded 2003/06/08 last updated 2005/07/09, URANO398)

テレワークならECナビ Yahoo 楽天 LINEがデータ消費ゼロで月額500円〜!
無料ホームページ 無料のクレジットカード 海外格安航空券 海外旅行保険が無料! 海外ホテル