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

説明

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

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

HTMLソース

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!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コード

?
1
2
3
4
5
6
7
8
import 'dart:html';
 
void main() {
  querySelector("#result").style
    ..width = "320px"
    ..height = "80px"
    ..backgroundColor = "yellow";
}