要素の横幅と縦幅をまとめて指定する

説明

Dart言語で要素の横幅と縦幅をまとめて指定するには要素のstyleオブジェクトのwidth、heightプロパティに値を設定します。設定できる値はスタイルシートで指定できるものと同じです。指定する際に..(カスケード演算子)を使うと連続してスタイルの設定を行うことができます。

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

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
	..width = "320px"
	..height = "80px"
	..backgroundColor = "yellow";
}