文字に下線(アンダーライン)を表示する

説明

Dart言語で文字に下線(アンダーライン)を表示するには要素のstyleオブジェクトのtextDecorationプロパティにunderlineの文字を設定します。また、overlineの文字を指定すると上線が表示され、line-throughの文字を指定すると取り消し線が表示されます。noneを指定すると標準の状態に戻ります。

[サンプルをダウンロード]

HTMLソース

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sample of Dart language</title>
<link rel="stylesheet" href="sample2.css">
</head>
<body>
<h1>Sample of Dart language</h1>
<p id="result">Dart言語のサンプルです</p>
<script type="application/dart" src="sample2.dart"></script>
<script src="packages/browser/dart.js"></script>
</body>
</html>

Dartコード

import 'dart:html';

void main() {
  querySelector("#result").style.textDecoration = "underline";
}