JavaのWebアプリケーション開発フレームワークによる、Webサイト開発の顛末記です。

EclipseのMavenを使った、Spring-MVC、Thymeleaf、MyBatis 等のプログラミングテクニックを、
備忘録的に記録しています。実際に動くソースコードを多用して説明していますので、
これからEclipseや、Spring-MVCを始めたいと思っている人にとって、少しでも参考になれば幸いです。
Spring-MVCの散歩道 > 応用の森(総合テクニック編) > ツリー階層構造表現

@charset "UTF-8";

/* ツリースタイルベース */
table.treebody {
    background-color:white;
    width:100%;
    height:100%;
}

/* ツリー末端以外スタイル */
div.treelist {
    position:relative;
    left:2px;
    /* 左側に緑色の点線を描きます */
    border-left:dotted;
    border-left-width:1px;
    border-left-color:#008800;
    line-height:2px;
}

/* ツリー末端スタイル */
div.treelistn {
    position:relative;
    left:2px;
    line-height:2px;
}
/* 子ノード描画エリア */
div.treechdlist {
    position:relative;
    top:5px;
    left:30px;
    line-height:5px;
}

/* +- アイコンpointer(子ノードあり) */
.iconpointer {
    cursor:pointer;   /* マウスカーソル形状:ポインタ */
    text-decoration:underline;
}
/* +- アイコンpointer(子ノードなし) */
.nopointer {
    cursor:allow;   /* マウスカーソル形状:通常 */
    text-decoration:none;
}