横幅を指定する

説明

Dart言語で横幅を指定するには要素のstyleオブジェクトのwidthプロパティに値を設定します。設定できる値はスタイルシートで指定できるものと同じです。

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

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() {
  var ele = querySelector("#result").style;
  ele.width = "320px";
  ele.backgroundColor = "yellow";
}