結果を表示する
元にもどす
<html lang="ja"> <meta charset="utf-8"> <style> .セパレート_01{margin-left:0px;} .ブラケット_アップ img{position:absolute; left:106px; top:34px; width:12px; height:105px; z-index:10;} .ブラケット_ミドル img{position:absolute; left:106px; top:50px; width:12px; height:240px; z-index:20;} .ブラケット_ダウン img{position:absolute; left:106px; top:222px; width:12px; height:105px; z-index:30;} </style> <section class="セパレート_01"> <div class="楽譜"> L:1/8 %%staffwidth 800 %%staves(1)(2)(3)(4) %=====1段目 [V:1 clef=treble name="Violin-1 "]Z4|Z4|Z4|Z4|Z4| [V:2 clef=treble name="Violin-2 "]Z4|Z4|Z4|Z4|Z4| [V:3 clef=alto name="Viola "]Z4|Z4|Z4|Z4|Z4| [V:4 clef=bass name="Violoncello "]Z4|Z4|Z4|Z4|Z4| </div> </section> <span class="ブラケット_アップ"><img src="brackets_up.png"></span> <span class="ブラケット_ミドル"><img src="brackets_middle.png"></span> <span class="ブラケット_ダウン"><img src="brackets_down.png"></span> <section class="セパレート_02"> <div class="楽譜"> L:1/8 %%staffwidth 800 %%staves(1)(2)(3)(4) %=====2段目 [V:1 clef=treble]Z4|Z4|Z4|Z4|Z4|Z4| [V:2 clef=treble]Z4|Z4|Z4|Z4|Z4|Z4| [V:3 clef=alto]Z4|Z4|Z4|Z4|Z4|Z4| [V:4 clef=bass]Z4|Z4|Z4|Z4|Z4|Z4| %=====3段目 [V:1 clef=treble]Z4|Z4|Z4|Z4|Z4|Z4| [V:2 clef=treble]Z4|Z4|Z4|Z4|Z4|Z4| [V:3 clef=alto]Z4|Z4|Z4|Z4|Z4|Z4| [V:4 clef=bass]Z4|Z4|Z4|Z4|Z4|Z4| </div> </section> <script src="abcjs_notation.js"></script> </html>